Display sale price in another color and move it to the left - Dawn Theme

Hello,

I’d like to change the color of the sale price to red and move it to the left of the crossed-out price.

If anyone knows the right modification to make to the Dawn theme for this, it would be great!

My website is under construction, here is the link : https://ancestraathletes.com

Thank you for your time!

1 Like

Hey @Julietteweb

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hello @Moeed ,

Thank you for your reply, it worked very well on the discounted prices. However, it also worked on the non-discounted price by displaying the price twice in both colors.

Whereas the “24.95€” price should only be displayed once and in black since there is no discount.

How can I adjust this?

@Moeed

Thank you for your reply, it worked very well on the discounted prices. However, it also worked on the non-discounted price by displaying the price twice in both colors.

Whereas the “24.95€” price should only be displayed once and in black since there is no discount.

How can I adjust this?