Dawn Theme - How to make sales price red

Solved
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)

Accepted Solutions
Zworthkey
Shopify Partner
3391 397 784

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 12 (12)
PaulNewton
Shopify Partner
3813 273 786

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>

 

New Feature - Metafield Definitions now available on Orders, Collections and Customers
Answers powered by coffee Buy Paul a ☕ Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
Zworthkey
Shopify Partner
3391 397 784

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

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

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
2238 565 1385

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
ReneeT1
Tourist
6 0 0

Hi @Natztech,

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

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
3391 397 784

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ReneeT1
Tourist
6 0 0

Yes @Zworthkey.  It is  Thanks.

Zworthkey
Shopify Partner
3391 397 784

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

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



If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
3391 397 784

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post