Return to previous page

How to customize add to cart icon on the single product page?

This topic has 5 replies, 3 voices, and was last updated 2 years ago ago by Olga Barlow

Sadikul Islam

Participant

April 25, 2022 at 07:21

Hi, how to customize add to cart icon on the single product page?

Please, contact administrator
for this information.

#322599 Copied Theme version: 8.1.3

4 Answers
Rose Tyler

Support staff

April 25, 2022 at 08:26
Hello,

You can use one of these icons, by adding the next code in Theme options > Theme custom CSS:
```
.single-product .single_add_to_cart_button:before { 
    content: "\e90d";
}
```
Regards
#322612 Copied
Sadikul Islam

Participant

April 25, 2022 at 17:43

How to remove it?

#322659 Copied

Sadikul Islam

Participant

April 25, 2022 at 17:51

.single-product .single_add_to_cart_button:before {
content: “”;
}

Like this?

#322661 Copied
Olga Barlow

Support staff

April 26, 2022 at 12:46
Hello,

Use below code
```
.single-product .template-container .single_add_to_cart_button:before {
    display:none;
}
```
Regards
#322700 Copied
Tagged: add to cart, customize, icon, product page, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to customize add to cart icon on the single product page?’' has been successfully resolved, and the topic is now closed for further responses

How to customize add to cart icon on the single product page?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection