Site logo

Archived topic

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

7 replies · Started by Anonymous on December 5, 2015

Viewing posts 1–8 of 8

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!

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 :)

Try this CSS:

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

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

That worked perfectly! Thank you very much, Tom!

You're very welcome :)

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!

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;
}
This archived topic is closed to new replies.