Home › Forums › WoodMart support forum › I want to remove cart icon on button hover › Reply To: I want to remove cart icon on button hover
September 19, 2024 at 9:16 am
#598476
Aizaz Imtiaz Awan
Keymaster
Hello,
Please try adding the following Custom CSS in the Custom CSS for Desktop 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(.wd-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(.wd-tooltip-label), .wd-hover-info-alt .product-actions>a:hover span:not(.wd-tooltip-label), .wd-hover-quick .wd-add-btn>a:focus span:not(.wd-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;
}
.product-grid-item .wd-add-btn>a:before, .wd-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .wd-add-btn>a:before, .wd-hover-button .hover-mask>a:before, .wd-hover-info-alt .product-actions>a:before, .wd-hover-quick .wd-add-btn>a:before, .wd-hover-standard .btn-add>a:before, .wd-price-table .wd-plan-footer .add-to-cart-loop:before {
content: none!important;
}
Best Regards