Add to cart text change to cart icon

Hello, i would like to change add to cart button text to icon, icon similar like that on hover. Because on mobile devices the text not showing fully. It would be better with just shopping bag or cart icon. So i would like to have shopping bag icon maybe and then cart icon on hover – on hover there is already cart icon.

Hello,

Add the code below in Theme Settings -> Custom CSS -> Global Custom CSS area.

body .wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span {
    display: flex !important;
    font-size: 0;
}

body .wd-product.wd-hover-fw-button .wd-add-btn .add-to-cart-loop span:after {
    
    content: "\f126";
    font-family: "woodmart-font";
    font-weight: 400;
    
    font-size: 20px;
}

https://monosnap.com/file/uymWSL97DJoL6oVRDOzvdJeY52RphI

Kind Regards

[Author]

Posts