disable animation in add to cart button

Hi,
I would like to disable the animation to appear a busket on mouse hover at add to cart button. Please let me know how can i do this. I’am attaching two images.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Desktop:

.product-list-item .woodmart-add-btn>a:focus span:not(.woodmart-tooltip-label), .product-list-item .woodmart-add-btn>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-button .hover-mask>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-button .hover-mask>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-info-alt .product-actions>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-info-alt .product-actions>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-quick .woodmart-add-btn>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-quick .woodmart-add-btn>a:hover span:not(.woodmart-tooltip-label), .woodmart-hover-standard .btn-add>a:focus span:not(.woodmart-tooltip-label), .woodmart-hover-standard .btn-add>a:hover span:not(.woodmart-tooltip-label), .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:focus span:not(.woodmart-tooltip-label), .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:hover span:not(.woodmart-tooltip-label) {
    transform: none!important;
}
.product-list-item .woodmart-add-btn>a:before, .woodmart-hover-base:not(.product-in-carousel):not(.hover-width-small):not(.add-small-button) .woodmart-add-btn>a:before, .woodmart-hover-button .hover-mask>a:before, .woodmart-hover-info-alt .product-actions>a:before, .woodmart-hover-quick .woodmart-add-btn>a:before, .woodmart-hover-standard .btn-add>a:before, .woodmart-price-table .woodmart-plan-footer .add-to-cart-loop:before {
    content: none!important;
}

Best Regards

Thanks ! It worked for desktop but in mobile its still showing the basket.

Hello,

Move the code to the General CSS block.

Best Regards

[Author]

Posts