How do I change the color of the sale price ON THE PRODUCT PAGE? (Supply theme)

[AntonD]

Hello,

I am running a sale on my website, and by default the sale and original price are the same color.

I added the following custom code to change that:

.on-sale small {
    color: #FF0000;
}
.on-sale small s small {
    color: #000;
}

However! That only changed the colors on the collection page.

On the product page, the colors remain the same, as seen here in the below screenshot images:

How do I make the same change apply TO THE PRODUCT PAGES as well?

Also note that I am running the sale using the Easy Sale app on Shopify.

My site URL is: https://nextlevelartwork.com/

Thanks!

—Anton

[Wahab_Ahmad]

Hello @AntonD ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

span#productPrice-product-template>span {
color: #ff0000;
}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.

[AntonD]

KING

You’re the best, dude.

Thanks!

[alexlho]

Hi,

Thank you for your explanation.

I have included both codes on my website and the sale price is in red on the product page but not on the collection page…

I think I have something wrong with my collection page but not sure what.

Could you please help me?

Thanks

(Website: https://www.mephisto.be/).