Lines Below Titles and Quote Boxes

Homepage Community Forums SquareOne Theme Support Lines Below Titles and Quote Boxes

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #12121
    Daniel
    Customer

      Hi saw another user here was able to place lines below each title on the homepage and wanted to know if this is just a widget?

      See screenshot:

      http://86d.409.myftpupload.com/wp-content/uploads/2014/05/homepage-lines-boxes.jpg

      Also, how can you add quote boxes to the homepage?

      Thanks,

      -D

      #12140
      Eric
      Customer

        You can add a line like this – <hr> and place it wherever you would want it to show.

        You should be able to add quote boxes on the homepage by using the same code from the demo – http://demo.appfinite.net/squareone/buttons/ (This is the buttons page). Take a look at the bottom for the code.


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #12145
        Daniel
        Customer

          Ok great thanks!

          #12153
          Daniel
          Customer
            This reply has been marked as private.
            #12172
            Eric
            Customer

              You can use the Column code like what’s featured in the demo – http://demo.appfinite.net/squareone/columns/

              Since you want 3 columns you can add this in front of each div – <div class="one-third first"> ….just remove the first part for the second and third divs.

              Here is the full code example based on what I see on your site –

              <div class="one-third first"><div class="quote">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”<strong> – Wes Straham</strong>
              <p></p>
              </div>
              <div class="quote-arrow"></div>
              </div>
              
              <div class="one-third"><div class="quote-gray">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”<strong> – Wes Straham</strong>
              <p></p>
              </div>
              <div class="quote-arrow-gray"></div>
              </div>
              
              <div class="one-third"><div class="quote-black">“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”<strong> – Wes Straham</strong>
              <p></p>
              </div>
              <div class="quote-arrow-black"></div>
              </div>

              I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              #12178
              Daniel
              Customer

                Ok great thanks! And lastly, if I want to have say 9 boxes total, how would I go about inserting line breaks in between each set of boxes?

                #12187
                Eric
                Customer

                  Add this – <br>


                  I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                  #12209
                  Daniel
                  Customer

                    Thanks!

                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘Lines Below Titles and Quote Boxes’ is closed to new replies.