Remove hover effect add to cart button
-
Hello,
I’m using a product grid and when moving with the mouse over the add to cart button there appears a cart. How I can deactivate that?
Thank you
Hello,
Please provide the page URL, I will provide custom CSS.
Best Regards
Hello, please have a look at the attached access details. Thank you
Hello,
Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.product-grid-item .wd-add-btn>a:focus span:not(.wd-tooltip-label), .product-grid-item .wd-add-btn>a:hover span:not(.woodmart-tooltip-label), .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:focus span:not(.wd-tooltip-label), .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:hover span:not(.wd-tooltip-label), .wd-hover-button .hover-mask>a:focus span:not(.wd-tooltip-label), .wd-hover-button .hover-mask>a:hover span:not(.wd-tooltip-label), .wd-hover-info-alt .product-actions>a:focus span:not(.woodmart-tooltip-label), .wd-hover-info-alt .product-actions>a:hover span:not(.wd-tooltip-label), .woodmart-hover-quick .wd-add-btn>a:focus span:not(.woodmart-tooltip-label), .wd-hover-quick .wd-add-btn>a:hover span:not(.wd-tooltip-label), .wd-hover-standard .btn-add>a:focus span:not(.wd-tooltip-label), .wd-hover-standard .btn-add>a:hover span:not(.wd-tooltip-label), .wd-price-table .wd-plan-footer .add-to-cart-loop:focus span:not(.wd-tooltip-label), .wd-price-table .wd-plan-footer .add-to-cart-loop:hover span:not(.wd-tooltip-label) {
transform: none !important;
}
.wd-add-btn-replace .add-to-cart-loop:before {
content: none !important;
}
Best Regards
Hello Aizaz,
thanks. Its works great
Most Welcome!!!.
I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.
We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.
The topic ‘Remove hover effect add to cart button’ is closed to new replies.