wordpresswoocommercewordpress-theming

How to disable hover on product woo commerce


I have a website with WordPress with a theme named star Bella-electronics with woocommerce integrated and I want to disable the hover effects on products.

I don't have theme settings to disable hover, I try it to find the class with hover but I don't found it.

Site:https://trofez-shop.ro/product-category/trofee-si-cupe-personalizate/


Solution

  • Add below CSS.

    .woocommerce ul.products li.product:hover .secondary-image, .woocommerce-page ul.products li.product:hover .secondary-image{ display: none !important; }
    .product-button-hover { display: none !important; opacity: 0 !important; }