How to change product price color on Impulse Theme?

Hi guys!

So, i’m trying to change the original product price to red when in comparison to the discounted price. I manage to find how to do that, but only for the collections page:

Now I just need to do the same on the product page!

TIA

@rprioli

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Thanks for the reply @KetanKumar !

https://mybluehome.com.br

@rprioli

yes please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.product__price.on-sale {color: #ff0000;}

@KetanKumar

Almost! :slightly_smiling_face:

But it’s the crossed price that needs to be red

@rprioli

do you mean cross price red and normal black right?

@KetanKumar

For some reason, they linked both original and sale prices. I need to separate those so I can turn the original (crossed price) red and then edit the sale price to green

So I guess if you would be so kind to help me turn the crossed price red, I’d be able to do the rest through the theme settings :slightly_smiling_face:

@rprioli yes its customization code

@KetanKumar

Oh, so sorry! your code worked perfectly, I just had to customize it.

Much appreciated for taking the time to help and the quick answers!

@rprioli

its my pleasure to help us

@KetanKumar

Hi,
In my case , it only works on product page. but on the home page the collections are black color on both original and price on sale. Please help

Hi!

I would like to make the ‘old’ price red and keep the new price Black. What is the code for the comparison price?

Thankss in advance

@Danny8 yes please share your store url so i will check and let you know proper solution