Archived topic
How to change whitespace between titles, featured image, and post summary?
7 replies · Started by Anonymous on December 5, 2015
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 :)
Sure! It's located at: http://www.nutripesquisa.com.br/
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;
}
