IMAGES are Stretched

seems to be an issue with chrome

Hi @nichere,

I suppose its regarding the images under “Front Door Styles & Finishes” section?

It appears the following CSS is causing the issue:

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

Recall adding any such custom CSS in the website?

If yes, please check and see whether remove the above CSS helps or not.

You can also try overriding the above CSS by re-adding the above CSS with the following property as below and see if that helps:

	contain-intrinsic-size: revert !important;

You can add the above CSS under Appearance > Customize > Additional CSS Section of your WordPress dashboard.

Regards,

Nithin

Hi

Thanks fro trying to help out. That doesn’t work

contain-intrinsic-size: revert !important;

and i cannot find the first css you put in the custom css section.

wondering if you have any other ideas of what i could do, thank you

i have asked 3 friends to check on their laptops using chrome and they tell me there is no issue? so it’s quite strange

Hello @nichere

The issue with this CSS code, as already mentioned above.

View post on imgur.com

I tried different solutions but the issue here is you can’t use contain-intrinsic-size for all of your images, if you fix the issue with one it breaks the others so the best solution would be to find and remove that code.

You can start checking Appearance > Customize > Additional CSS Section to see if you can find that code, it appears to be a custom CSS code.

If you couldn’t find that code you may try this CSS code:

img {
    aspect-ratio: revert-layer !important;
}

Kind Regards
Amin

Thank you

I found this on reddit. wordpress update in the issue

Heads up, WordPress 6.7 seems to distort images by using "auto" within the sizes attribute
byu/recallingmemories inWordPress

Setting one image dimension to auto is a common technique. There’s nothing wrong with auto unless it conflicts with other applied styling. Issues with auto are most likely due to theme incompatibility. It appears that the problematic CSS which you have is an attempt to correct some kind of auto issue, except it instead made things worse.

In any case, auto is not what is causing your issue. The problem here has already been identified. The initial revert solution should work when added to Additional CSS. You may not have applied it correctly?

A better solution would be to remove the problem CSS instead of trying to override it. The difficulty is determining where it’s coming from. It could possibly be from your theme or any plugin. It might take a full text search of all of your /wp-content/ files as well as the DB in order to find its source.

Thanks Everyone.

the issue has been fixed

It was caused by the wordpress update.

the fix is in here

https://www.reddit.com/r/Wordpress/comments/1gvvi1v/heads_up_wordpress_67_seems_to_distort_images_by/