Icon in add to cart button

How can I add an icon to add to cart button, something like this?

https://imgur.com/a/4v2YsdB

Hello,

Please send me the URL Of the icon and page URL where you want to change. I will provide custom CSS.

Best Regards

Thanks for the reply, see link in private content

Hello,

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

body .wd-add-btn-replace .add-to-cart-loop:before{
    content: "\f07a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

Best Regards

Hi Elise,

I was using another CSS code to add a icon in the add to cart button, but that doesn;t work anymore since one of the latest updates. Now I’d like to add the icon again and tried the CSS code above, but that doesn’t work for me. Could you please take a look?

Thanks!

Hello,

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

.product-image-summary .single_add_to_cart_button:before {
    content: "\f07a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

Please enable “Always use” in the Theme Settings > Performance > CSS.

Best Regards

Hi,

I’ve tried the ccs code and it’s working. But the icon is placed without space between the icon and text. How can I add a space? Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the code with this one:

.product-image-summary .single_add_to_cart_button:before {
    content: "\f07a  ";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

Best Regards

[Author]

Posts