Reply 341905 to: Button on product pages – how to edit

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
December 20, 2022 at 09:07

Hello, @IP,

1- 1- Please watch and follow the instructions shown in this video, I have captured for you: https://www.veed.io/view/df079de1-0e99-4c57-961d-cc46917b1768?sharingWidget=true&panel=share

Add to cart has been translated into the WooCommerce language files and Buy Now has been translated into the Theme language files.

2- You can change the icon using custom CSS code only. Go to the Dashboard >> Theme Settings >> Theme Custom CSS >> Global CSS and then paste the below code at the bottom of the CSS box.

.single-product .et-single-buy-now:before {
    content: "\e916" !important;
}

Then save settings and check back to your issue after clearing the browser cache.
Note: In the above code the word (\e916) is the icon code you can change it with the icon code you want. There icons can be used – https://xstore.8theme.com/xstore-icons/

3 & 4- You can change the add to cart and buy now buttons colors from the Theme settings >> WooCommerce >> Single Product Builder >> Add to Cart & Quantity see the image: https://postimg.cc/ZWtWDjTj and for hover see the image: https://postimg.cc/64CX7rD5

Regards 8Themes Team.

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.