[Resolved] line height issue of linked images

Home Forums Support [Resolved] line height issue of linked images

Home Forums Support line height issue of linked images

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1463651
    Anil

    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….

    #1464027
    David
    Staff
    Customer Support

    Hi there,

    i am not seeing any featured images on your home page ?

    #1464119
    Anil

    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.

    #1467767
    Anil

    Hi David,
    you can check this issue now…..

    #1468198
    Elvin
    Staff
    Customer Support

    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.

    #1468346
    Anil

    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….

    #1468767
    David
    Staff
    Customer Support

    It occurs because of the images vertical alignment.
    Try this CSS instead:

    .post-image a img {
        vertical-align: bottom;
    }
    #1469005
    Anil

    Thanks David, it is better, bye.

    #1469020
    David
    Staff
    Customer Support

    Glad to hear that!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.