Archived topic
line height issue of linked images
8 replies · Started by Anil on September 29, 2020
Hi
I am using latest versions, and noticed a small fluctuation of text beneath post images on home page, might be due to line height for anchored images... specially noticed in mobile -- home to first post and vice-versa..
following css corrects the fluctuation...
.post-image, .post-image a {line-height:0}
is it correct or is there better solution....
Hi there,
i am not seeing any featured images on your home page ?
Hi David,
Just working on new format....
But, you must consider line-height for image div if image is a link, because line-height above 1 creates a margin below the image.
Regards.
Hi David,
you can check this issue now.....
Hi,
But, you must consider line-height for image div if image is a link, because line-height above 1 creates a margin below the image.
True, it does create a "margin-like" gap/space between the image and the entry header.
Can you explain a bit more about this "fluctuation"? I've checked your site and I don't see any sudden or fluctuating spaces between the post images and their entry headers.
Hi Elvin
Use mobile...
Go to home page, then click on first post, then go to home page, then click on first post, then....
You can see..... fluctuation of title....
It is due to default line-height css implemented to linked image ...
True, it does create a “margin-like” gap/space between the image and the entry header.
Regards....
It occurs because of the images vertical alignment.
Try this CSS instead:
.post-image a img {
vertical-align: bottom;
}Thanks David, it is better, bye.
Glad to hear that!
