Make sure you have a fallback image. Usually this happens when the first item is generated and it doesn’t have an image.
Why would a fallback image “solve” the issue and display the correctly sized primary image?
If that image is being populated via an ACF Dynamic Tag, wouldn’t a fallback image ruin the point of creating the Loop for a skin?
I have the same issue – the dynamic image is resized to custom settings, showing correctly in Elementor and Page Preview – but Live page is showing varying sizes for what should be a uniform center cropped image. Cache is cleared, no change. No change in different browsers either.
Nor does adding a fallback image resolve the problem.
(Tried to edit my prior posts but unable to…)
Was digging around trying to either resolve this issue while waiting or find a work around – and I found what *might* be the issue, @sigul77.
Are you using Jetpack and its “Enable site accelerator” with “speedup image load times”? I noted in Chrome’s Developer Tools that there was a Jetpack tag connected with the image being displayed on the frontend page. When I turned that setting off – the issue was resolved and the cropped imaged is now showing on the front end. Perhaps that could help you “fix” the issue?
(I toggled with Jetpack’s Lazy Load feature – had no effect and the images load in their resized formate with this feature turned on).
It also works with AND without a fallback image selected in the Loop template, so that’s not the answer… and it still seems to be a hangup, just perhaps a different location or perhaps an issue with Jetpack instead?
