WordPress.org

1. logicalnot
   Member
   Posted 5 years ago #

   Hi,

   I have a wide one column post of 850 px. Inside the column the post has the same width. Because it is too width for the text (each line is too long), i wish to split the content of the post itself in 2 or 3 columns.

   It should look like this :

   Name of the post
   -------------------------------------------------

   Column 1 with text ---- Column 2 with the following
   Column 1 with text ---- Column 2 with the following
   Column 1 with text ---- Column 2 with the following
   Column 1 with text ---- Column 2 with the following
   Column 1 with text ---- Column 2 with the following
   Column 1 with text
   Column 1 with text

   Next Post
   ----------------------------------------------
   etc…

   I found this post that seems to be the key :
   http://wordpress.org/support/topic/68137?replies=9

   I like the quicktag spliter idea the text a lot.
   It's great because you can follow the meaning of the text gracefully.

   Unfortunaly I couldn't make it work.
   I am missing some basic points.

   What code should I put and where?
   If I have to twist my CSS page, what should I do?

   Thank you very much for your patience and kindness.
   Logicalnot

2. Justin Tadlock
   Member
   Posted 5 years ago #

   A simple way to do this would be to wrap however much text you want in each column in a div.

   <div class="column1">
   Text...
   </div>
   <div class="column2">
   Text...
   </div>

   In style.css, add:
   

   .column1, .column2 {
   float: left;
   width: 45%;
   }
   .column1 { margin: 0 2% 0 0; }
   .column2 { margin: 0 0 0 2%; }

   You might have to adjust those numbers while testing in different browsers because I haven't tested this.

   There might be an better way to do this with WP, but this should work.

3. logicalnot
   Member
   Posted 5 years ago #

   It works ! Thanks a lot.

   ( I wish to have a quicktag to do it more easily and make it perfect. But don't look a gift horse in the mouth.)

   Thank you again.

Topic Closed

This topic has been closed to new replies.