Craft Theme - Change color of "Compare at" prices

[KimH]

Hello! I’m trying to find out how to change the color of “compare at prices”, on both the collections page and on individual product pages. Preferably to my current Accent 2 color #F5908FT so they match the sale badges.

Thanks!

My site URL: https://www.sleepingwolvesart.com/

[AvadaCommerce]

Hi @KimH ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/component-price.css->paste below code at the bottom of the file:

.price--on-sale .price-item--regular {
    color: #F5908F !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[KimH]

Thanks @AvadaCommerce !

I actually wanted to change the color of the “new” price rather than the regular price (that was my fault on wording), BUT I figured it out by changing “.price-item–regular” to “.price-item–sale” so it’s all good!

Thanks again!

[NiceyGin]

Hello guys, i have pretty much the same problem but it doesn’t work for me changing the code and I don’t know how to solve this. I have to change the color of the badge and the discounted price from RED to this one #b09035 (see attached). please help me.