Return to previous page

How to control the icons in the add to cart button and buy now button

This topic has 2 replies, 2 voices, and was last updated 2 years ago ago by Rose Tyler

Sadikul Islam

Participant

May 13, 2022 at 17:32

Hi, How do I change the icons in the add to cart button and buy now button,
I want 2 different icons in 2 places, what is the CSS to change this, see screenshot: https://d.pr/tlWXTA

And another question!!
Can I use font awesome icons there? if yes then how?

Thank you

#323850 Copied Theme version: 8.1.5

1 Answer
Rose Tyler

Support staff

May 14, 2022 at 08:49
Hello,

https://fontawesome.com/v4/icons/
```
.single-product .single_add_to_cart_button:before {
    font-family: FontAwesome;
    content: "\f218" !important;
}
.single-product .et-single-buy-now:before {
    font-family: FontAwesome;
    content: "\f013" !important;
}
```
Regards
#323874 Copied
Tagged: add to cart, buy now, control, icons, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘How to control the icons in the add to cart button and buy now button’' has been successfully resolved, and the topic is now closed for further responses

How to control the icons in the add to cart button and buy now button

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection