Make a post/page 2 column

Hi, How can I divide my body copy into two columns. I’m using a shortcode created to manage my staff directory and I would like the users to show up in 2 columns. Here is the page so you can see what I’m referring to.

The shortcode is [simple-staff-list]

Thanks for your help!

1 Answers

DominicStaff
answered 11 years ago

To make a post / page 2 column, you can copy the following code and paste the post.

see the screenshot: http://imgur.com/msL8FX9


<div class="row-fluid">
  <div class="span6">
    <div class="staff-member even ">
      <img alt="Jane Doe : Business Journalist" src="http://tgtnews.com/wp/wp-content/uploads/allie1.jpg" class="staff-member-photo">
    <div class="staff-member-info-wrap">
    <h3 class="staff-member-name">Jane Doe</h3>
    <h4 class="staff-member-position">Business Journalist</h4>
    <div class="staff-member-bio"><p>Thu-Huong Ha is TED’s editorial projects specialist. She is the author of Hail Caesar, a YA novel published in 2007, and was a Fulbright ETA grantee in Turkey in 2010. Ha writes for the TED Blog and thinks deeply about taxonomy and what to eat for lunch. She lives in Brooklyn, NY.</p>
    <p>
      <a href="https://www.facebook.com/pages/Truth-Atlas/225597967579306?ref=hl" title="Follow me on Facebook">Follow me on Facebook</a></p>
    <p>
      <a href="http://tgtnews.com/wp/archives/author/shawnta-saum" title="More stories from Jane Doe">More stories from Jane Doe</a></p>
</div>
    <a title="Email Jane Doe" href="mailto:[email protected]" class="staff-member-email">[email protected]</a>
  </div>
<hr>

</div>  
  </div>

  <div class="span6">
    <div class="staff-member odd  last">
  <img alt="John Smith : Journalist" src="http://tgtnews.com/wp/wp-content/uploads/hunter.jpg" class="staff-member-photo">
  <div class="staff-member-info-wrap">
    <h3 class="staff-member-name">John Smith</h3>
    <h4 class="staff-member-position">Journalist</h4>
    <div class="staff-member-bio"><p>Thu-Huong Ha is TED’s editorial projects specialist. She is the author of Hail Caesar, a YA novel published in 2007, and was a Fulbright ETA grantee in Turkey in 2010. Ha writes for the TED Blog and thinks deeply about taxonomy and what to eat for lunch. She lives in Brooklyn, NY.</p>
</div>
    <a title="Email John Smith" href="mailto:[email protected]" class="staff-member-email">[email protected]</a>
  </div>
<hr>
    </div>
  </div>
</div>

Hope this helps !

Regards,
Dominic