Archived topic
Webp image issue with show posts
3 replies · Started by Hasan on June 16, 2019
Viewing posts 1–4 of 4
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?
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.
Perfect! Thanks Tom!!
No problem :)
This archived topic is closed to new replies.
