how can i change the sale in red color ?

fangxiami
Tourist
10 0 1

屏幕快照 2021-02-09 下午6.36.21.png

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
Shopify Partner
14132 1646 5072

@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 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
neeravmakwana
Shopify Partner
164 29 32

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;

0 Likes
fangxiami
Tourist
10 0 1

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

 

0 Likes
fangxiami
Tourist
10 0 1

thanks the code is  vohray 

0 Likes
neeravmakwana
Shopify Partner
164 29 32

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

Or Command and F.

0 Likes
fangxiami
Tourist
10 0 1

Hi, 

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

 屏幕快照 2021-02-13 下午12.52.00.png

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

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

 

 

 

0 Likes