We're merging with GenerateBlocks! Learn more here.

[Support request] Broken Images

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Broken Images

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #33161
    Chris
    Participant

    From 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

    #33188
    elvin
    Moderator

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

    #33197
    Chris
    Participant

    Hi 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

    #33212
    elvin
    Moderator

    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.

    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;
    }
    #33231
    Chris
    Participant

    I’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?

    #33242
    elvin
    Moderator

    I’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?

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