How to hide compare button on product grid hover only ?

May I ask how to add CSS to hide the compare icon on the product grid only while not disabling the compare function in other section? Thanks!

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item .woodmart-compare-btn.product-compare-button {
	display: none;
}

Regards.
Xtemos Studios.

Hi,

I have quite same problem, but the CSS doesnt work for me.
1. on product grid (shpo) when I hover I dont want too see: add to wishlist heart icon, compare in the center where I can choose the variants. the buttons should be on right top corner like there is already a heart button
2. in product page I have 3 add to wish symbols… one is from yith which I would like to have. the other 2 should be deleted. Tried already CSS codes also here without succes. and again here the compare should be removed.

I am using woocommerce + woodmart + yith wishlist

Attachments:

You must be logged in to view attached files.

Hello

You are using a wishlist and compare of the Yith plugin and our theme. You need to use one of them. The Recommendations are to use the theme function.

Go to Theme Settings > Shop > Wishlist and compare.

Best Regards.

[Author]

Posts