Changing Zoom Icon

  • Hello, I want to change the zoom icon in my product images. In which file can I find the code below or how can I change it?

    class="woocommerce-product-gallery__trigger"

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

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

  • Hi @forumsever,

    Try this simple CSS code override the default icon.

    .woocommerce-product-gallery__trigger {
  display: inline-block;
  height: 1.75rem;
  width: 1.75rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-image: url('path/to/your-image.png');
}

    Replace path/to/your-image.png with your image URL that was uploaded into your site’s Media Library.

    Thread Starter forumsever

    (@forumsever)

    Thank you @kharisblank ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Zoom Icon’ is closed to new replies.