[Resolved] How to change whitespace between titles, featured image, and post summary?

[Marco]

I am trying to change the white space between these elements marked with an arrow in my home page, which uses the masonry option.

I have tried changing margin-bottom of h2 and .post-image, but neither did work, and googling didn’t help either.

Please help!

[Tom]

Hi Marco,

Any chance you can link me to your site so I can take a look at specifically what’s causing all of that spacing?

Let me know 🙂

[Marco]

Sure! It’s located at: http://www.nutripesquisa.com.br/

[Tom]

Try this CSS:

.post-image-above-header .masonry-post .post-image {
    margin-bottom: 10px;
}

.masonry-post .entry-summary {
    margin-top: 10px;
}

[Marco]

That worked perfectly! Thank you very much, Tom!

[Tom]

You’re very welcome 🙂

[Marco]

Hello Tom!

With the addition of the equal column height option in GP-Premium, the code that you provided to change whitespace doesn’t work anymore (if you are using the column option, instead of masonry, of course).

So, what code should I use to change whitespace when I’ve selected the column option?

Thanks again!

[Tom]

Using the columns, you would do this:

.post-image-above-header .generate-columns .post-image {
    margin-bottom: 10px;
}

.generate-columns .entry-summary {
    margin-top: 10px;
}

[Author]

Posts