How to center Zoom-image – Css code

  • crestanads

    (@crestanads)


    4 years, 2 months ago

    Hello,

    I have one Site/woocommerce, working woth Woodmart Theme. On the product page there is the option of “click to enlarge” wich will transform the product’s thumbnails to images original size.
    There is no way to increase this zoom on the theme settings. So, I have managed to increase the enlargement on the CSS code.

    The problem is that the image is enlarged but it is not centred on the screen becoming impossible to navigate.
    Screenshare – https://snipboard.io/W4KYvH.jpg

    the css code I’m using is this:

    .pswp__img {
  min-height: 150%;
  min-width : 150%;
	max-width: 1024px
  margin-right : 25%;
  margin-left : auto;
}

    Appreciate any help!

    • This topic was modified 4 years, 2 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

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

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

The topic ‘How to center Zoom-image – Css code’ is closed to new replies.