Image Attributes Ignored on Frontend

  • Resolved Westveil Publishing

    (@jennapeterson88)


    3 years, 11 months ago

    (New thread because I don’t think I was being understood)

    Ever since updating WordPress to 6.0 all of my image attributes are ignored on the frontend.

    For example, on this post: https://www.westveilpublishing.com/?p=16243
    The book cover image is displaying at its full file size despite the fact that it has been assigned the medium image size attribute.

    Here’s a screenshot of the same post in the post editor, showing the block menu: https://www.westveilpublishing.com/wp-content/uploads/2022/06/example2.jpg

    Important notes:
    – This is NOT theme linked. I updated the theme. I tried a dozen different themes. I get this behaviour on any theme including the default theme.
    – This is NOT plugin linked. I have Health Check & Troubleshooting installed and have used it to test with every combination of plugins on and off. I have updated all active plugins.
    – This is NOT custom CSS linked as I only have 1 custom rule added in and it targets WooCommerse categories.
    – I am NOT looking for custom CSS suggestions to bully all images to a maximum size because I do actually have cause to use larger images than the 300px medium limit in my posts as well.
    – I have checked in with my hosting company support. They confirmed they were able to replicate the issue but they say this is beyond their scope of support. All they can do for me is role my site back 30 days, but I don’t want to lose everything I’ve done in the last month.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • George Appiah

    (@gappiah)

    3 years, 11 months ago

    I’ve seen quite a few issues with images here post 6.0 upgrade (mostly to do with alighment though). I’ve not had the time to dig into 6.0 changes myself… but, looking at your page, it seems you’re using the “medium” image size of 300px, but I don’t see any corresponding CSS for this on the page.

    Perhaps there’s a change in 6.0 that theme authors haven’t caught up with yet.

    This custom CSS should fix this until either a future WordPress release or your theme’s author addresses this.

    figure.size-medium {
max-width: 300px;
}

    Note that this custom CSS does NOT “bully” 😀 all images to 300px. It ONLY affects images that you’ve SPECIFICALLY set as MEDIUM size in the image block’s settings (and thus have the CSS class size-medium assigned).

    Thread Starter Westveil Publishing

    (@jennapeterson88)

    3 years, 11 months ago

    Thank you! I’m glad to hear I’m not the only one with image issues since the 6.0 update.

    I mentioned not wanting a solution to bully all images to one size because in my previous thread where I wasn’t being understood someone did just drop CSS to make all images 300px.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Image Attributes Ignored on Frontend’ is closed to new replies.

Tags