Product Page Edits – Colors, Icons, Buttons

Hello, @TFS,

1.. Yes you can change the color using custom CSS code in the XSTORE >> Theme Options >> Theme Custom CSS >> Global CSS now paste the below code at the bottom of the CSS box.

a) .single-product .et_product-block>.price{color:black !important;}
b) .single-product .et_product-block>.price ins .amount {color: black !important;}

Note: In the above code the word “black” is the color and you can change it with the color you want.

2) No, Sorry to say, that there are no options because the currency of the store is set from the WooCommerce plugin’s settings and you will be able to set only the type of currency then the logo of the currency will appear by default. Change requires customization.

Furthermore, I have found an article to know how you can add it via customization kindly read the article and follow the steps in order to solve your issue: https://www.cloudways.com/blog/add-custom-currency-symbol-in-woocommerce/

3) To change the color of the star’s ratings navigate to the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS >> Global CSS then paste the below code at the bottom of the CSS box.

.star-rating span:before{color:red !important;}

Then save settings. Please note that the word “red” in the above code is the color and you can change it with the color you want.

4) Navigate to the Dashboard >> XSTORE >> Theme Options >> WooCommerce >> Single Product Builder >> Sharing and then enable or disable the icon you want. Check the image: https://postimg.cc/F1THYwxq

5) To change the color of the stock items notice navigate to the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS >> Global CSS then paste the below code at the bottom of the CSS box.

.stock.step-1{color:red !important;}

Then save settings. Please note that the word “red” in the above code is the color and you can change it with the color you want.

6) You can change the background color and hover color of the button by going in to to the XSTORE >> Theme Options >> WooCommerce >> Single Product Builder >> Add to Cart & Quantity check the image: https://postimg.cc/zy168Gg1

7) In the same option “XSTORE >> Theme Options >> WooCommerce >> Single Product Builder >> Add to Cart & Quantity” you can change the color of the buy now button: https://postimg.cc/XXjwSSJD

Note: To change the icon into the add to cart and buy now button. You can add the below custom CSS code in the theme options >> theme custom CSS >> global. Like this: https://postimg.cc/4K15CpDr below is the code that I show you in the picture.

.single_add_to_cart_button:before {
    content: "\f07a" !important;
    font-family: "FontAwesome" !important;
}

And here is the link for the icon: https://fontawesome.com/icons/cart-shopping?s=solid&f=classic

Regards 8Themes Team.

Hello, @TFS,

Alright, please share your site wp-admin URL and access in the private content area of this topic by following the below-given format

WORDPRESS ADMIN URL:
WORDPRESS ADMIN USERNAME:
WORDPRESS ADMIN PASSWORD:

So that I will check and fix your issue on your site.

Note: Please take a complete backup of your site first and allow us to debug your site and change/remove the plugins to solve your issues.

Regards 8Themes Team.

Hello, @TFS,

1. Sound’s Good!!

2. Actually, It has been decided by WooCommerce, as WooCommerce provides the complete store functionality. So it’s better to contact WooCommerce support on this.

3. It might be the cache issue at that time. Well, Sound’s Good!! that it has been resolved now.

4. Sound’s Good!!

5. Please refer to this article: https://www.templatemonster.com/help/woocommerce-how-to-change-in-stock-out-of-stock-text-displayed-on-a-product-page.html

6. 7. It might be the cache issue at that time. Well, Sound’s Good!! that it has been resolved now.

8. Could you please explain it more clearly, if possible with some screenshots and also if possible with a fresh new topic, as there are already a lot of replies and questions on this topic, so the new topic will help us to understand your issue properly. Hope you can understand.

Regards 8Themes Team.