how can i change the sale in red color ?

[fangxiami]

Hi, my shop url is https://angf-bag.myshopify.com/

the code is vohray 

how can i change the compare price into red and the sale button on top of the picture into red ? and if it is possible can i change the backgroud of the sale button into color #383F41

thanks 

[KetanKumar]

@fangxiami 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

sorry for your store is password protected can you please share with us 

[neeravmakwana]

Hi, please search for .product--sale in your theme.scss.liquid file (or a related file) and make the following changes in the clock of code just below it:
1. Replace the background: one of the lines should read background: #383f4;
2. add this to change the text color of label SALE color: red;

And finally, to change the color of the original price, please search for the following (if you don;t find this exact phrase, just search for .product--compare-price)

.product--root[data-product-view=grid] .product--details .product--compare-price

add a line below padding-right...
color: red;

[fangxiami]

thanks for your reply! just theme acss liquid has around 9000 lines of code. are there any ways u can quick search the code ?

[fangxiami]

thanks the code is  vohray 

[neeravmakwana]

Hi, you can hit Ctrl and F keys together for searching.

Or Command and F.

[fangxiami]

Hi, 

thanks for your reply :).  i added the color; red below, but it didnt change the color into red. 

 

I also added semicolon behind red but it didnt really help.

would you please let me know how to fix it. thanks