Remove Add to Cart and Wishlist Icon on Shop Page
-
How do I remove the Add to Cart and Wishlist Icons when hovering over a product image on the Shop page? I have tried the custom CSS listed in the forum, but it’s not working for me.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .product-grid-item:hover .woodmart-buttons[class*=wd-pos-r] {
opacity: 0;
}
Best Regards
Thanks! That worked for the desktop version. What is the code to remove the Add to Cart and Wishlist Icons when hovering over a product image on the Shop page on mobile?
Hello,
Please add this code to the Theme Settings > Custom CSS > Mobile:
body .product-grid-item .woodmart-buttons[class*=wd-pos-r] {
opacity: 0;
}
Best Regards