How can I alter sale price color in the Dawn theme?

Hi

I am currently working with the Dawn theme. Could anyone tell me how to change the font and colors on sale prices? I want the sale price to be red color in contrast with the compare at price at which will remain black. They currently are both black. Can anybody help me with this?

3 Likes

Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.

hello @Pawperpets

Please provide the website URL and if your store is password protected then also provide a password and provide a solution here

https://pawperpetshop.com/products/bling-bling-charm-collar-red

meonte

Hello there,
Working fine!
Screenshot :- https://image.prntscr.com/image/0GLw6bMrRLqBGQ75XiyRpQ.png

@ZestardTech Hey, I didn’t mean for the word ā€˜sale’ to be red. I want the font color of the price to be red. So based on the screenshot, the price ā€œ11.99 USDā€ I would like to change the font color to red instead of black. Can you help me with that?

pawperpetshop.com
meonte

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.price.price--on-sale .price__sale span.price-item {
color: red;
}

Please add below code in bottom of assets/component-price.css

span.price-item.price-item–sale.price-item–last {
color: red;
font-weight: 600;

}

1 Like