Display two columns, remove blank space

  • Hi.

    I would like to display the posts on my site in two, side-by-side columns.

    This is my site.

    As you can see, the posts are displaying in two columns. But there are random blank spaces between some of the posts. How can I get rid of those?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter makta112

    (@makta112)

    I’m using this to display the content:

    <article id="post-<?php the_ID(); ?>" class="index-article<?php if ( !((1 + $wp_query->current_post) % 2) ) echo ' index-article-right' ?>">

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    They’re not random spaces, they’re caused because some images are taller than others. So you can either resolve this through PHP or CSS by limiting the height.

    Thread Starter makta112

    (@makta112)

    Ok, how can I make the left column look like the one to the right? I want the images to keep their original heights.

    Nimesh

    (@nimeshrathod1)

    go at media and select the image which you want to keep in their original height and edit it at that place you got the scal image tab where you hwill see the original image dimention.

    Another way if you have use the feature image, so in code you can write the code like <?php the_post_thumbnail(‘full’);?>

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Display two columns, remove blank space’ is closed to new replies.