Get rid of whitespace between post title and content

[barry]

Hi, just happened upon this site and it’s very useful!

I have an issue where on the home page of my site the whitespace between the post title and the content always changes. I think it’s because some of my posts have images and some don’t. Is there a way to keep this consistent?

Picture for reference.

Thanks!

[Andy]

Yes, it is because some posts have more content than others, and as the box of each post in the same row is the same height, the spacing is like this so that the content starts at the top of the box, and the last piece of content ends at the bottom of the box.

You can change this to make all the empty space be displayed at the end of the last piece of content.
Add this code to ‘Customize’ > ‘Additional CSS’:

#grid-loop article,
#main.infinite-grid .infinite-wrap article {
    justify-content: normal;
}

Or if you prefer the empty space at the beginning, use this code instead:

#grid-loop article,
#main.infinite-grid .infinite-wrap article {
    justify-content: end;
}

[Author]

Posts