This topic has 6 replies, 4 voices, and was last updated 7 years, 9 months ago ago by Jack Richardson
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
Hello,
Please provide WP Dashboard credentials in private content.
Regards,
Eva Kemp.
Here you go. Thank you!
Hello,
Please, add this code in Custom CSS:
.single-product .owl-carousel .owl-item img {
width: auto;
max-width: 100%;
}
Regards,
Rose Tyler.
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
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.
Tagged: blurry, distorted, product images, templates, woocommerce, wordpress
You must be logged in to reply to this topic.Log in/Sign up