Docs

[billium99]

Hello – can someone please tell me why on earth this image renders correctly for a split second on page load, then distorts? When I Inspect the image element, I see this:

What is that meta-data at the end with max-width: 119px? Where is that coming from?

Bill

[billium99]

This reply has been marked as private.

[Darshana]

Hi there,

Could you please try installing this plugin (https://wordpress.org/plugins/force-regenerate-thumbnails/) and after that, please try regenerating your thumbnails under Settings > Force Regenerate Thumbnails.

Let us know how it goes.
Thanks!

[billium99]

Sorry no – same result. Is this related to that thing where X Theme hides the actual WooCommerce image sewttings but only partly overrides them?

Thanks

Bill

[Thai]

Hi Bill,

Please add the following CSS under Customizer > Custom > Global CSS:

.woocommerce div.product .images img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}

Hope it helps 🙂

[billium99]

Hmm – sorry no that makes everything very small.

What is the X Theme code to reveal the thumbnail sizes in WooCommerce? Is that still supported? I think the thumbnails set to be the wrong size in WooCommerce, but I can’t see for sure

Thanks

Bill

[Darshana]

Hi there,

In that case, could you please try following this post (https://community.theme.co/forums/topic/product-images-woocommerce/#post-224057).

Let us know how it goes.
Thanks!

[billium99]

Hi Darshana,

OK I did that, activated the fields, changed the images, regenerated thumbs, and it’s still doing it! What in the heck is causing the image to redraw like that?

Thanks

Bill

[billium99]

This reply has been marked as private.

[Lely]

Hi Bill,

Upon checking those links, they’re using 2 different images with different size.
The distorted one is this:
https://www.forbiddendoctor.com/wp-content/uploads/2015/12/AA120.jpg -> 119×190
Large image is this:
https://www.forbiddendoctor.com/wp-content/uploads/2016/06/0625accarbamide.gif 933×1350

See attached image.

[billium99]

First of all, A-C Carbamide looks fine – I assume you pasted in the wrong image link, but otherwise your finding is accurate. If that is the case, then how can that even happen?

And why wouldn’t setting new images sizes in WooCommerce, uploading replacement, larger image in the editor, and then running Force Thumbnail Regerate eliminate this possibility?

Bill

[Lely]

Hello Bill,

To answer your question, I want to check your settings but that would need administrator access. But then again upon visiting this page:https://www.forbiddendoctor.com/shop/standard-process/congaplex-5/, it seems that you have change the featured image already since it is not blurred anymore. Please do confirm.

[billium99]

Lely,

I re-imported all images, deleted the old copies, and then resizes thumbnails once more. This did the trick.

Thanks

Bill

[Joao]

Glad to hear it Bill

Let us know if you need help with anything else.

Joao

[Author]

Posts