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 – https://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]

    Thread Starter coke

    (@coke)

    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: https://projects.twinszuccarelli.com/wordpress/

    do you know why this is? thanks so much.

    Thread Starter coke

    (@coke)

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

    Thread Starter coke

    (@coke)

    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:
    https://pastebin.com/iuahxpT8

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

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

    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.