Archived topic
Space Below Image In Mosaic
6 replies · Started by Clyde on July 15, 2016
I'm using mosaic on the home page and index pages.
I'd like to reduce the space below each photo between the photo and headline, and between the headline and category tags.
Is there a simple way to do that with css?
Thanks!
Give this CSS a try:
/* When post image is above the title */
.post-image-above-header .post-image {
margin-top: 0;
margin-bottom: 2em;
}
/* When post image is below the title */
.post-image {
margin-top: 2em;
}
/* Space between content and title */
.entry-content,
.entry-summary,
.page-content {
margin-top: 2em;
}
/* Space between footer meta and content */
footer.entry-meta {
margin-top: 2em;
}
Hope this helps :)
The em didn't seem to change things so I used px and that did the trick.
Thanks!
So I guess this is resolved.
2em is the default, it can be changed to whatever you like (smaller em, pixels, percentage etc..).
Glad it worked :)
Gotcha. I was thinking about it later and realized that was probably the case.
I just still blank out when I see em!
Thanks for all your help.
No problem :)
