How can I change the sale price color in Ride Theme?

Store Design
1

Hello,

I am trying to change my sale price color to #DB0045 and leave the compare at price the original blackish gray. I am currently using the Ride theme and have tried a few of the other theme fixes but none of them seem to work. Please help!

2

Hi @Dungeon53

Kani_0-1661653343131.png
Kani_0-1661653343131.png1768Ă—336 174 KB

1: Online store > themes > Actions > Edit code > Assets > component-price.css

2: paste code at last

.price--on-sale .price-item--regular {
    color: #DB0045;
}
3

So your example did work but I was trying to make the sale price red, here is how to do that.

Just change regular to sale and I was able to make it work how I wanted. Just added it to the bottom of the component-price.css

.price–on-sale .price-item–sale {
color: #DB0045;
}

1 Like