[Resolved] My feature images have all gone tiny

[Author]

Posts

[JoshuaD7497]

Overnight I upgraded this website to WordPress 6.7 and applied the latest Toolset update beforehand.

Since doing this the feature images on my archive page have gone very small and distorted, restricted in size to 300 x 150. They were fine before.

See:

hidden link
and hidden link

When I examine the code in the Inspector there is a 'block-size' set which is 300 x 150, but I can't find where this is coming from. In fact, I've never encountered this CSS property before.

I've checked the images in the back-end template files, and all is well there.

Any ideas?

Thanks,
Josh.

[JoshuaD7497]

I've taken a copy of the website to play around with...

And have discovered that it relates to the theme.

We use the Kadence theme (which was also updated overnight). If I use a different theme the issue doesn't occur.

I'll keep investigating....

[JoshuaD7497]

Hi,

I have added some custom CSS styling code which appears to have fixed the issue. Phew.

This applies new overiding width settings to the archive and single feature images respectively:

/* Correct feature image sizing Nov 24 */
figure.archivefeature img {
width: revert-layer;
}
figure.singlefeature img {
width: 100%;
}

width: auto was causing the issue.

My suspicion is that this was probably caused by an update to the Kadence Theme, rather than Toolset but perhaps you can check this for me? I have put in a support ticket with them also.

[Minesh]

Hello. Thank you for contacting the Toolset support.

The image block issue happens because WordPress 6.7 introduced changes to auto-sizes for lazy loaded images.

More details about this issue in the official blog post:
– https://make.wordpress.org/core/2024/10/18/auto-sizes-for-lazy-loaded-images-in-wordpress-6-7/

Official bug report:
– https://core.trac.wordpress.org/ticket/61847

Can you please try to follow the following errata and try to resolve your issue by following the workaround shared:
- https://toolset.com/errata/image-block-displays-wrong-image-size-with-wordpress-6-7

[JoshuaD7497]

Thanks for explaining this, Minesh.

Your advice, despite the issue not being caused by Toolset is much appreciated.

Many thanks,
Josh.

[Minesh]

I would like to inform you that the image size issue is fixed with the WordPress version 6.7.1.

Can you please update WordPress to 6.7.1 and check if that help you to resolve the image size issue as well.