Disable hover effect on products grid

Hello,

I want disable hover effect on products grid (full info on image).
how can I do with css?

thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

body .product-grid-item .product-element-top:hover .hover-img {
    transform: none !important;
    -webkit-transform: none;
}

body .product-grid-item .hover-img {
    display: none;
}

Regards.
Xtemos Studios.

hi. dos not work. check again the website please

Hello,

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

.woodmart-hover-info .bottom-information {
    transform: none;
}

.woodmart-hover-info .swatches-on-grid {
    opacity: 1;
}

Best Regards.

[Author]

Posts