Archived topic
The Mysterious Case Of The Featured Image Bottom Padding
3 replies · Started by Marijke on February 23, 2021
I'm trying to put a border around the featured images on my front page, but I'm running into an issue. There is some space underneath each image that the border goes around as well, which makes it look weird: https://houseplantcentral.com/wp-content/uploads/2021/02/HPC.png
It happens on my other site too so it's not a site specific thing. Tried to search the forum but didn't get any results.
Where is this coming from? I don't see any padding going on anywhere. Any way to, you know, make that go away?
Thanks!
Hi there,
images and picture elements have their own vertical alignment. You can close the gap by setting it to bottom with this CSS:
.post-image picture,
.post-image img {
vertical-align: bottom;
}Woohoo! That worked, thanks.
Awesome :)
