product image display problem

  • Resolved maciejdakowicz

    (@maciejdakowicz)


    4 years, 6 months ago

    I am running WordPress with the Photocrati based theme and Woocommerce. I have encountered a problem with the display of Gallery images on my Product page. Once the user clicks or taps on the image it gets stretched vertically, distorting the image. How to fix it?
    One solution would be to enlarge the image in the same way the loupe button in te image’s top right corner does. Another would be to disable any action on user’s click. Thank you

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • @maciejdakowicz – I just took a look at that page and see that your theme is adding max-width: 100% !important; to the images. When they’re zoomed, they’re unable to stretch both horizontally and vertically, only vertically.

    That style also has an !important tag, which means that it likely can’t be overridden. You’ll want to reach out to the theme’s developers for further assistance.

    – Joey

    Thread Starter maciejdakowicz

    (@maciejdakowicz)

    thank you Joey, I removed “max-width: 100% !important;” line from the css file and indeed the click works properly – the image stretches both vertically and horizontally. Although I don’t know how this is gonna affect the other stuff.
    Thank you!

    @maciejdakowicz – Glad to hear that! I’m not sure either, but hopefully it’s evident enough that you’d see any issues. ??

    – Joey

    Thread Starter maciejdakowicz

    (@maciejdakowicz)

    oops, the problem is back. I checked the css file and looks like it has been updated today by the theme authors and the line “max-width: 100% !important;” is back. I deleted it before and it fixed the problem.
    How to overcome this? any way to fix this stretching issue without modifying this css file?

    Thread Starter maciejdakowicz

    (@maciejdakowicz)

    any ideas?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘product image display problem’ is closed to new replies.