Change price color in the narrative theme

Solved
Lyashop
Tourist
11 0 2

Hi

I want to make the new price red and the old price crossed out with red line.

If I change the color in the settings other buttons will aslo change. I don't want that.

 

 

Skärmavbild 2021-02-08 kl. 13.19.38.png

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9829 2237 3078

This is an accepted solution.

@Lyashop 

Please add the following code at the bottom of your assets/theme.scss.css file.

.product__price--sale .product__current-price {color: #FF0000 !important;}
s:after {background-color: #FF0000 !important;}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 7 (7)
dmwwebartisan
Shopify Partner
9829 2237 3078

@Lyashop 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9829 2237 3078

This is an accepted solution.

@Lyashop 

Please add the following code at the bottom of your assets/theme.scss.css file.

.product__price--sale .product__current-price {color: #FF0000 !important;}
s:after {background-color: #FF0000 !important;}

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Zworthkey
Shopify Partner
2571 309 641

hello 

Add this code:

.product__compare-price-label, .product__compare-price {display: none; color: red;
If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Lyashop
Tourist
11 0 2

It worked, thank you  

Lyashop
Tourist
11 0 2

Thank you also

kalekopuh
New Member
1 0 0

i could not find the assets/theme.scss.css section in my dawn theme, are they any other suggestions.