Solved

Dawn Theme - How to make sales price red

ReneeT1
Tourist
6 0 0

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!

Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

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.

View solution in original post

Replies 12 (12)

PaulNewton
Shopify Partner
6274 573 1318

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

<style type="text/css">
    .price-item--sale { 
        color: red; 
    }
</style>

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


Kinjaldavra
Shopify Partner
2302 570 1422

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;
}

 

ReneeT1
Tourist
6 0 0

Hi @Kinjaldavra,

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

Zworthkey
Shopify Partner
5581 642 1565

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

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

Thank You.

ReneeT1
Tourist
6 0 0

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!

Zworthkey
Shopify Partner
5581 642 1565

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

ReneeT1
Tourist
6 0 0

Yes @Zworthkey.  It is  Thanks.

Zworthkey
Shopify Partner
5581 642 1565

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

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



Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

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.

ReneeT1
Tourist
6 0 0

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

Zworthkey
Shopify Partner
5581 642 1565

@ReneeT1 
Most Welcome.

ReneeT1
Tourist
6 0 0

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