Changing sale price colour in dawn theme

[harpernz]

Could someone please help me change the sale price from black to red?

I’ve tried what seems like every different option i can find on any thread and it doesnt seem to work for me (could be user error, I’m brand new at trying this! so easy directions would be so appreciated).

I would like to change all of the sale prices to red.

website is harperinc.co.nz

thanks so much

[TikitaTech]

Hi @harpernz !

You can change the colour by heading to:

Admin > Online Store > Customise > Edit Code > Assets > file card-component.css > line 375

Currently, the colour of the text is set to black:

.card-information > .price {
  color: rgb(var(--color-foreground));
}

Changing this to:

.card-information > .price {
  color: rgb(209 0 0);
}

Will result in:

Let me know if you need any more details - hope this helps!

[harpernz]

Thanks so much for your help! That worked, but then it also turned any full priced items price red too I’m specifically only wanting the reduced prices to be red

[TikitaTech]

Apologies!

In the same file, change the colour on .card-information > .price back to color: rgb(var(–color-foreground)); as it was before, and add underneath:

.price-item.price-item--sale.price-item--last {
  color: rgb(209 0 0);
}

This will specifically target sale prices.

Let me know if you need any more details!

[harpernz]

AMAZING! thank you so much!