Related product images blurry and distorted

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

  • Avatar: beutz
    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.
    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    February 16, 2017 at 09:42

    Hello,

    Please provide WP Dashboard credentials in private content.

    Regards,
    Eva Kemp.

    Avatar: beutz
    beutz
    Participant
    February 16, 2017 at 18:18

    Here you go. Thank you!

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    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.

    Avatar: beutz
    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

    Avatar: Jack Richardson
    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.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.