Disable Hover Effect on new woodmart update

i had woodmart version 7.0.4 and i disabled products thumb hover effect/icons on mobile and desktop by using this:

.woodmart-hover-base.hover-ready.state-hover .fade-in-block, .woodmart-hover-base.hover-ready:hover .fade-in-block,
.woodmart-hover-base.hover-ready.state-hover .content-product-imagin, .woodmart-hover-base.hover-ready:hover .content-product-imagin {
display: none;
}
body .woodmart-hover-base.hover-ready.state-hover .product-wrapper, body .woodmart-hover-base.hover-ready:hover .product-wrapper {
transform: none;
}

but after updating to latest version its no longer working can you guide me how to do it?

Hello,

I am checking your site and I see no hover effect: https://gyazo.com/46b1b4f62316bb230add5d518d578b89

Please provide the page where I can see that.

You need to add all the custom CSS into the Theme Settings > Custom CSS.

Mobile view does not have any hover effect due to its nature.

Best Regards

[Author]

Posts