Interior Pro – Images blurry on Product Page

[Brett]

12 Issue Subscription

I thought this was a WooCommerce specific issue, but all the fixes I’ve read about adjusting image dimensions and regenerating thumbnails don’t seem to work. So I thought the problem might be theme related. When you click on the image it takes you to the source image which looks crips and clean. But the product image at full size doesn’t look good at all on desktop/full size. I pulled it up on my iPad and iPhone and they both look fine. Using Safari on mobile devices. However, I checked Safari on my Mac and the image is still blurry on the product page. Can I get a little help?

[Forum Moderator]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.woocommerce div.product div.images img { width:auto !important;}

Regards,
Chris

[Author]

Posts