Responsive WordPress Theme – Caliber

A theme with simple controls and limitless potential. Work fast and build an amazing website!   Find out more »

UpThemes – Beautiful WordPress Themes

Create a site your church, gallery, newspaper, blog, recipes, band and more!   See the themes »

Need a little help?  Find answers quickly by searching the forum.
Group Admins
  • andy
  • jeffw

Support for: Salutation: WordPress + BuddyPress Theme

Salutation (WordPress)

Public Group  |  active 4 years, 5 months ago ago
Viewing post 1 to 2 (2 total posts)

Textboxes with icon not on the same row line

  • wengriffin

    said

    I am having some nesting issues with text boxes when placing an ordered list in one of the boxes. You can see what I’m talking about here: http://gpintegratedsolutions.com/employees/
    Can you please tell me why this nesting issue is occuring.
    The code is set up like this:


     
    [one_half]
    <div>[text_box title="Employee Connection" icon="handshake"]
    ClubGlobalConnect is the networking and points platform for employees of the Global Payments family. Employees across the country from all offices and departments can connect with each other and stay up-to-date on the latest activities, announcements, discussions, and more.Get connected today!
    [/text_box]
     
    </div>
    [/one_half]
     
    [one_half_last]
    <div>
     
    [text_box title="How It Works" icon="gears"]
    <div><ol>
      <li>Hit the “Sign up” button and create a ClubGlobalConnect profile. It only takes a few seconds</li>
      <li>Add a bit of character to your profile. We like nice photos so make sure to upload yours</li>
      <li>Finally connect with other members of ClubGlobalConnect by starting discussions, joining groups, and staying up to date on all the latest</li>
    </ol></div>
    [/text_box]
     
    </div>
    [one_half_last]
     
    [clear]
     
    <hr />

    But it’s rendering like this:

    First Box:

    <div class="col-1-2">
    <div><div class="textBox icon"><div class="icon48 icon-handshake"></div><div class="textContent"><h4 class="textBoxTitle">Employee Connection</h4><span class="theText">
    ClubGlobalConnect is the networking and points platform for employees of the Global Payments family. Employees across the country from all offices and departments can connect with each other and stay up-to-date on the latest activities, announcements, discussions, and more.Get connected today!
    </span></div></div>
     
    </div>
    </div>

    Second Box:

    <div class="col-1-2 last"></div>
    <div>
     
    <div class="textBox icon"><div class="icon48 icon-gears"></div><div class="textContent"><h4 class="textBoxTitle">How It Works</h4><span class="theText">
    <div><ol>
      <li>Hit the “Sign up” button and create a ClubGlobalConnect profile. It only takes a few seconds</li>
      <li>Add a bit of character to your profile. We like nice photos so make sure to upload yours</li>
      <li>Finally connect with other members of ClubGlobalConnect by starting discussions, joining groups, and staying up to date on all the latest</li>
    </ol></div>
    </span></div></div>
     
    </div>
     

  • wengriffin

    said

    This issue has been resolved.
    The top right box did not have a / before the one_half_last closing tag.

Viewing post 1 to 2 (2 total posts)
Topic tags: formatting, nesting, text boxes