Woodmart products hover effect

In the elementor products widget with hover effect. How can I make this effect be present all the time? That is, so that the add to cart button is always displayed? Is it possible to do this without interfering with the code?

Hello uamassimo,

Thanks for reaching to us.

To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Best Regards,
Hung PD

I need this at all time

Attachments:

You must be logged in to view attached files.

Not only when hover

Hello uamassimo,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.wd-product.wd-hover-buttons-on-hover .wd-product-footer {
    opacity: 1;
}

div.wd-product.wd-hover-buttons-on-hover .product-element-bottom {
    margin-bottom: 0;
}

div.wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) :is(.product-element-bottom,.wd-product-grid-slider-pagin) {
    transform: none;
}

Best Regards,
Hung PD

[Author]

Posts