• 

  Valeria

  Participant

  January 28, 2021 at 22:54

  Hope you can help me: my product images are PNG – in swap mode (on hover) i see the second image covering the starting image .. there is a way to – on hover – display:none or opacity :0 the back image ….or anything you suggest …tnx very much – https://prnt.sc/xrx0oo

  #270955 Copied Theme version: 7.2.3 WooCommerce version: 4.8

  1 Answer

  

  Rose Tyler

  Support staff

  January 29, 2021 at 09:03

  Hello,

  You can use the next custom CSS code:

  .content-product img {
      transition: all .3s;
  }
  .content-product:hover .image-swap ~ img {
      opacity: 0;
      visibility: hidden;
  }

  Regards

  #270993 Copied