Change Price Color and Compare Price color

[Flexibottle]

Goal: Be able to Have the discounted price at red and have it bold, and the compare price completely black and have it bold

I know there are other discussions on this topic but I have tried almost all of them and they don’t seem to be working for me. My theme is Sense.

[theycallmemakka]

Hi @Flexibottle ,

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code just above tag

Result:

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Flexibottle]

This works, Thanks!

[Littleluxebubba]

Hi can I ask I added this solution to my store but the font is different sizes in my store for the compare at price and sale price.

1. how can I make the font the same size?
2. On mobile how can I align the sale and compare at price so it appears on one line for collection pages instead of one under the other?

my site is: www.littleluxebubbas.com

thank you

[lydiachou]

Hello, Please help!

I added the code according to your instructions, and the price showed red as expected. But at the top of the website’s home page, whether on a computer or a mobile phone, a string of codes is displayed.

How can I solve it?