Return to previous page

How to change the logo on the buy now button

This topic has 4 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez

PR

Participant

March 3, 2023 at 01:17

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!

#348665 Copied Theme version: 9.0.4

3 Answers
Tony Rodriguez

Support staff

March 3, 2023 at 07:19
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
#348679 Copied
PR

Participant

March 3, 2023 at 22:42

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!

#348775 Copied

Tony Rodriguez

Support staff

March 4, 2023 at 09:32

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

#348856 Copied
Tagged: buy now button, change, logo, persuasive, template, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

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

How to change the logo on the buy now button

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection