How do I use the code for Quote Boxes?

Homepage › Community Forums › Epik Theme Support › How do I use the code for Quote Boxes?

Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 5, 2013 at 4:26 am #3557
    Dave_s
    Customer

      Not being a coder I have no idea how I’m supposed to use the code for the quote boxes.

      I’ve copied the code provided on the demo page http://demo.appfinite.com/epik/buttons-boxes/ but I can’t figure out what I’m supposed to do with it 馃檪

      If I want to use the white quote box in my sidebar, how would I do that? I assume it goes into a text widget, but which part of the code goes in?

      Thanks for your help

      Dave

      April 5, 2013 at 11:39 am #3565
      Wes
      Moderator

        Here is the exact code from the demo –

        <div class="quote">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
        </div>
        <div class="quote-arrow"></div>

        Add the above to your text widget and it should work fine. I also added an image in the demo right under it. To add an image you can do something like this –

        <img src="link_to_your_image.jpg" alt="image title goes here" />

        I adjusted the code in the buttons demo by using github, so it should be easier to read now. You’ll see there are 3 sections for the white, gray, and black…..so just pick 1 of those to use for your sidebar.

        April 5, 2013 at 4:17 pm #3580
        Dave_s
        Customer

          Thank you Wes, that’s exactly what I needed.

          Dave

          April 5, 2013 at 6:31 pm #3582
          ignitepay
          Customer

            How can I align it in the center? It allows me to align it on the right or left. When I use align=”middle”, it puts it back on the left.

            April 5, 2013 at 9:36 pm #3593
            Wes
            Moderator

              There are a couple ways…..You could do it the old way, and wrap it with the “center” tag like this –

              <center>Your Content Goes Here</center>

              Or you could use css and add “margin: 0 auto;” to the .quote class…..which is around line 414 in your style.css file.

              .quote {
              background: #fff;
              border: 1px solid #ddd;
              color: #888;
              margin: auto;
              padding: 20px;
              width: 400px;
              }

              April 6, 2013 at 11:21 am #3602
              ignitepay
              Customer

                Thank you

                April 6, 2013 at 1:46 pm #3605
                Wes
                Moderator

                  You鈥檙e Welcome!

                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘How do I use the code for Quote Boxes?’ is closed to new replies.