Return to previous page

Related product images blurry and distorted

This topic has 6 replies, 4 voices, and was last updated 7 years, 10 months ago ago by Jack Richardson

beutz

Participant

February 15, 2017 at 15:17

Hi,
I am using the Legenda theme. When I am on a product page, we are showing related products on the bottom of the page. Lately, the images of those related products get stretched in height so they look extremely blurry. This applies only to images that have portrait orientation. Landscape oriented images look fine. Could you direct me to how I can fix this? Direct URL is below in private content. Thank you.

Bettina

Please, contact administrator
for this information.

#154880 Copied Theme version: 3.0.3 WooCommerce version: 2.6.14

5 Answers

Eva Kemp

Support staff

February 16, 2017 at 09:42

Hello,

Please provide WP Dashboard credentials in private content.

Regards,
Eva Kemp.

#154946 Copied

beutz

Participant

February 16, 2017 at 18:18

Here you go. Thank you!

Please, contact administrator
for this information.

#155009 Copied
Rose Tyler

Support staff

February 17, 2017 at 08:22
Hello,

Please, add this code in Custom CSS:
```
.single-product .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
}
```
Regards,
Rose Tyler.
#155027 Copied
beutz

Participant

February 18, 2017 at 00:37

Hi Rose,
Unfortunately this didn’t fix it. Keep looking at the “related products” when you are in the shop on a product page. Whenever an image shows up that is portrait orientation, it is super blurry and stretched even taller. Thanks for looking into this. I wish I could add a screen shot so you can see what I am talking about. Please let me know if there are any questions.
Best
Bettina

#155137 Copied

Jack Richardson

Support staff

February 18, 2017 at 10:37

Hello,

I’ve added that code in your custom.css file and related products are shown properly now:
http://prntscr.com/ea912r

Please clear browser cache and check.

Best regards,
Jack Richardson.

#155153 Copied
Tagged: blurry, distorted, product images, templates, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)