Remove the cart icon on the add to cart button

I want to remove the cart icon on the add to cart button.
Thank you for helping us

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;
}

Best Regards

the cart still appears and is confused in the text add to cart.

Hello,

Please replace the previous Custom CSS with the following 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;
}

Then clear cache and check back.

Regards.
Xtemos Studios

okay thank you

Hello,

We are thrilled that you loved your experience with XTEMOS, We put customer experience and satisfaction as our priority, and your words reaffirm the hard work we put in every day.

So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts