Help! Can I remove the default hover state on the items in my online store?

eddiefieg · August 23

In my online store, there is a subtle, default hover effect on the items for sale.

With custom CSS, can I remove this hover effect entirely?

Any help would be much appreciated! Thanks, all!

tuanphan · August 25

You can use this to Website Tools > Custom CSS

a.product.on-sale * {
    opacity: 1 !important;
}

eddiefieg · August 26

Hmm, that didn't quite work, but I appreciate you reaching out!

sqsp_guru · August 26

@eddiefieg you can try this, add below code into CSS editor in the last of all code.

#productList .product:hover .product-image img {
opacity: 1 !important;
}

eddiefieg · August 27

That worked! Thank you so much!

Recommended Posts