Home › Forums › Pro Support › Broken Images
- This topic has 5 replies, 2 voices, and was last updated 2 years, 1 month ago by
elvin.
-
AuthorPosts
-
August 24, 2021 at 2:22 pm #33161
Chris
ParticipantFrom a quick search of the forum I can see I’m not the first to experience this problem, but I couldn’t find a resolution to the issue. The problem is that when using WP Show Posts to display a list of recent posts in the sidebar I am getting broken images. Everything else seems fine, it’s just the sidebar images that don’t show. It seems to be something to do with the EWWW Image Optimizer plugin and its Easy IO CDN. The plugin does lazy loading but I tested that and it has no affect, whereas deactivating the CDN gets thing working again.
If it was just a CDN I’d find an alternative, but it is handling automatic compression, scaling and conversion. so I do need it. Is there any way to get WP Show Posts showing the images the way it is meant to? I’ve just bought the pro version of WP Show Posts and don’t want to have to now go and find something else just to do this.
Thanks
Chris
August 24, 2021 at 11:23 pm #33188elvin
ModeratorHi Chris,
For the images involved, are you using WPSP’s image height and width field?
If yes, can you try leaving them empty and see if it still breaks.
The plugin’s image processing is pretty simple. It basically copies how default WordPress themes show their post images but this changes when you use the image height and width field.
August 25, 2021 at 6:16 am #33197Chris
ParticipantHi Elvin,
Yes images are displayed when the height and width are omitted, but they are large images and I don’t get the title at all, and it’s definitely not the layout I’m looking for – but images do get displayed.
How can I get it to display the way it is supposed to?
Chris
August 25, 2021 at 7:09 pm #33212elvin
ModeratorYes images are displayed when the height and width are omitted, but they are large images and I don’t get the title at all, and it’s definitely not the layout I’m looking for – but images do get displayed.
You can go the CSS route.
Say, for example, if you added a image width of 300px and image height of 200px,
You can do something like this:
.wp-show-posts-image { width: 300px; height: 200px; overflow: hidden; } .wp-show-posts-image img { object-fit: cover !important; width: 100% !important; height: auto !important; }
August 26, 2021 at 8:54 am #33231Chris
ParticipantI’ve given this a try and the 300px x 200px ruins the compact layout of the sidebar widget. It also doesn’t fix the problem of the broken images. They are still broken.
It also messes with the overall layout of the page and the images, not just the sidebar. If the size is set to 50 x 50px (the original setting in WP Show Posts) then the images are still broken (obviously), the home page images go tiny, and the page just looks a mess.
I added the CSS in the customiser CSS area. I assume that was the right place?
August 26, 2021 at 7:34 pm #33242elvin
ModeratorI’ve given this a try and the 300px x 200px ruins the compact layout of the sidebar widget. It also doesn’t fix the problem of the broken images. They are still broken.
I believe you’re not using the image width and height field with CDN cache cleared?
I added the CSS in the customiser CSS area. I assume that was the right place?
Yes this is the right place.
Can you link us to the page in question?
-
AuthorPosts
- You must be logged in to reply to this topic.