Dawn Theme: Showing old price tag in different color

Technical Q&A
1

Hi guys,

I hope you can help us with this. We are using Dawn theme for our store.

Currently we are offering discounted price for some of our products. But we would like to show the old price tag (original price) in RED color. I am sure this requires some coding. Can anyone please help us with that?

store: https://betterhomelife.de/

Thank you much appreciated!

2

Hello, Manipreneur, you can try going into

Online Store > Themes > Click on the ‘Actions’ button on your theme > Edit code

And then, there, check if there is a file called ‘component-price.css’, in the Assets folder. If there is, add this code at the end of it:

.price--on-sale .price-item--regular {
  color: red;
}

if there isn’t, let me know

3

Thank you Uhrick!

It worked like a charm. A million thanks for your help!

1 Like
4

Hi Uhrick,

Sorry to bother again.

Is it possible to make the old price (just the numbers) red and the strikethrough line in black?

If it is, could you please send me the code for that? :slightly_smiling_face:

Many thanks again

cheers!

5

Hey there, Manipreneur

Sure, no problem. Just replace the previous code with

.price--on-sale .price-item--regular {
  color: red;
  text-decoration-color: black;
}
1 Like
6

Thanks soo much! Worked like a charm :slightly_smiling_face: