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
2567 309 641

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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 12 (12)
PaulNewton
Shopify Partner
3458 231 676

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>

 

Join the discussion - What was learned this Black Friday?


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
2567 309 641

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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Natztech
Shopify Partner
2237 565 1373

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 @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
2567 309 641

@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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
ReneeT1
Tourist
6 0 0

Yes @Zworthkey.  It is  Thanks.

Zworthkey
Shopify Partner
2567 309 641

@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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Zworthkey
Shopify Partner
2567 309 641

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. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post