Reply To: Hover Icons on Product Images

Hello,

Please replace the code with this one:

.product-grid-item  .wd-compare-icon > a:before {
    color:transparent;
}
.product-grid-item .wd-compare-icon {
    background-image:url(https://moirre.com/wp-content/uploads/2022/06/compare.svg);
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-size: 50% 50%;
}
.product-grid-item .wd-quick-view-icon>a:before {
    color:transparent;
}
.product-grid-item .wd-quick-view-icon{
    background-image:url(https://moirre.com/wp-content/uploads/2022/06/quickview.svg);
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-size: 50% 50%;
}
.product-grid-item .wd-wishlist-icon>a:before {
   color:transparent;
}
.product-grid-item .wd-wishlist-icon {
    background-image:url(https://moirre.com/wp-content/uploads/2022/06/wishlist.svg);
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-size: 50% 50%;
}

Best Regards