How to disable product hover effect

puca
#1

Hello,
I would like to display the products on shop page with no hover effect.
I mean, I want that the purchase button and all YITH buttons will appear and that the product will be “static” without displaying those buttons only on hover.
how can I do that?

Thanks

#2

I answered you at the support ticket, you can use this CSS code

.product-block .groups-button-image {
opacity: 1;
bottom: 30px;
}
.product-block.grid .caption .groups-button {
opacity: 1;
top: 0;
}
.product-block.grid:hover .caption .groups-button {
top: 0;
}
.product-block.grid .caption {
padding-top: 50px;
}
.product-block.grid:hover .caption .meta {
opacity: 1;
}