Reply 334545 to: Product Page Edits – Colors, Icons, Buttons
Tony Rodriguez
Support staff
September 20, 2022 at 07:38
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.
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.
