How can I change the sales price color to red in the Dawn theme?

Store Design
1

Hello,

I hope someone can help me. For the Dawn theme I’m trying to figure out how to make the sales price red on the product page and home pages, and make both prices a larger sized font. Thank you!

2

In theme customizer create a custom liquid section on both the homepage and on the product templates and add the following
1 Like
3

Hii, @ReneeT1
Paste this code on top of the component-price.css file.

.price__regular {
    color: red !important;
    font-size: 22px !important;
}

Thank You.

4

hello @ReneeT1

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.price__regular {
    color: #f30303 !important;
}
5

Hi @Kinjaldavra ,

Thanks for responding. I don’t see assets/theme.css in the Dawn theme. Maybe I’m missing something.

6

Hello @Zworthkey ,

Thanks for the recommendation. I pasted the code and saved it, but it didn’t change the font color or size. Any additional recommendations? Thanks!

7

@ReneeT1
Can you please give me your store URL so,
I can solve it perfectly.
Thank You.

8

Yes @Zworthkey . It is Thanks.

9

@ReneeT1
Paste this code on top of the component-card.css file.

.price {
    color: red !important;
    font-size: 22px !important;
}
1 Like
10

OR paste this code on top of the component-price.css file.

span.price-item.price-item--sale.price-item--last {
    color: red !important;
    font-size: 22px !important;
}

Thank You.

7 Likes
11

Thanks, @Zworthkey !! Problem solved, this code worked on both the home page and product page. Appreciate your assistance. Have a great day!

12

@ReneeT1
Most Welcome.

13

Thanks @Zworthkey . This one worked on the product page, so I will use this one in the future too.