Support » Themes and Templates » 2 column posts

  • Hi guys, i’m working on a website, and I’m trying to get 2 column posts. I followed this tutorial (the css – the loop one didn’t work out as the posts just repeated for infinity), but the problem is i want it so that after 2 posts on either side, even if the heights are different, it ends on the same line – much like this .

    (as you can see that’s not happening right now – im getting the problem with the holes)

    I was wondering how i could achieve this with css? Thanks

    here’s the website – http://projects.twinszuccarelli.com/wordpress/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Add this line after two posts
    <div style="clear:both"></div>

    So it should look like

    <article id="">....</article>
     <article id="">....</article>
     <div style="clear:both"></div>
     <article id="">....</article>
     <article id="">....</article>

    Irfan
    [signature moderated]

    Thanks so much for the reply. Unfortunatly the problem is i’m currently using CSS to make them go in columns, so i can only do something after 1 post.
    I tried to make it 2 loops like in the tutorial, but the posts just repeat. example: http://projects.twinszuccarelli.com/wordpress/

    do you know why this is? thanks so much.

    I got it! I was being an idiot with the loop method, and your code works! Thanks heaps, i was getting so frustrated! 🙂

    Hi guys. I’m trying a new method,

    so I wanted 2 columns in the loop and tried various codes until I got this on and it works like a dream. my code is:
    http://pastebin.com/iuahxpT8

    My website is: http://projects.twinszuccarelli.com/wordpress/.

    the next/previous doesn’t work, any solutions?

    Michael

    (@alchymyth)

    Forum Moderator

    try to remove the <?php rewind_posts();?> from the code – it has no purpose at that position.

    is that the full code of the template in the pastebin?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘2 column posts’ is closed to new replies.