This topic has 4 replies, 2 voices, and was last updated 1 years, 9 months ago ago by Tony Rodriguez
Hello,
on this demo; https://xstore.8theme.com/elementor2/industrial-power-tools/product/professionals-engineers-hammer-5g/
The buy now button has the icon of a cart, how can we change this to something else so its different from the add to cart button.
Thanks!
Hello @PR,
You can change the icon using Custom CSS. Please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and change the icon code as per your requirements.
You can find the icon code here: https://xstore.8theme.com/xstore-icons/.
.single-product button.et-single-buy-now:before {
content: '\e93d' !important;
}
The result of this code will look like this: https://postimg.cc/PphPN3cC
Best Regards,
8Theme’s Team
Hello Tony,
Thanks!
I have one question.
I have many custom codes on the additional CSS section and it becomes hard to tell the what each code is used for.
When I add the reason for the code before the actual code, it stops working (the code)
Is there anyway to add the text for what the code does?
For example, I added your code and it worked.
But when I write before the code;
CHANGES THE ICON FOR THE BUY NOW BUTTON ON THE PRODUCT PAGE
The code stops working.
Any tips would be great!
Hello @PR,
We hope this article (https://www.w3schools.com/css/css_comments.asp) will help you understand and resolve your issue regarding writing comments in CSS.
Best Regards,
8Theme’s Team
Tagged: buy now button, change, logo, persuasive, template, woocommerce, wordpress
The issue related to '‘How to change the logo on the buy now button’' has been successfully resolved, and the topic is now closed for further responses