How can I change the color of my product sale price on Impulse theme?

Store Design
1

Hello! I was wondering if someone could help me out here. I want to change my product sale price to blue, and leave my normal price as black, but when I change the price it keeps them both the same.

Example

I’m using the theme impulse and my link is https://www.breezeboxshop.com/products/breezebox-air-cooler

Thank you!

2

Hi @RJ13

Please follow the instructions below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.css file
  3. At very end of the code, add the code below

NOTE: Change the blue to the color you want

span.product__price.product__price--compare {
    color: blue;
}

Result:

made4Uo_0-1685637528199.png
made4Uo_0-1685637528199.png1292×660 27.5 KB

3

May I ask another question as well? How do I change this to “$30 Off” instead of “Save $30”?

save $30.PNG
save $30.PNG365×128 5.23 KB

Also can I put a tag that looks like this around it?

sale tag.PNG

If so I would appreciate it, thanks!

4

Hi @RJ13

To do this in the right way, we need to add HTML and liquid code to your code. I would suggest hiring one to do this for you

5

how much would you charge for that my good sir?