[Resolved] Webp image issue with show posts

Home Forums Support [Resolved] Webp image issue with show posts

Home Forums Support Webp image issue with show posts

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #931241
    Hasan

    I am using the Imagify plug-in to optimize images and serve in webp format. Most of the images are working fine, but on the show posts list, some images are not showing as full width: https://snapbangladesh.com/stories/

    If I disable serving the webp images, the show post list shows all the image alright.

    How can I fix this?

    #931453
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You’ll need to tweak your current custom CSS:

    .wp-show-posts-entry-header + img {
        margin-left: -40px;
        width: calc(100% + 80px);
        max-width: calc(100% + 80px);
    }

    To something like this:

    .wp-show-posts-entry-header + img, 
    .wp-show-posts-entry-header + picture img {
        margin-left: -40px;
        width: calc(100% + 80px);
        max-width: calc(100% + 80px);
    }

    You’ll also need to make sure the image is wide enough.

    #931876
    Hasan

    Perfect! Thanks Tom!!

    #932485
    Tom
    Lead Developer
    Lead Developer

    No problem 🙂

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