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

[Author]

Posts