Re: Change sale price colour in Dawn

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

trkk
Tourist
11 0 3

Can someone help me change the sale price colour in the Dawn theme? Dawn doesn't have the theme.css that other themes seem to have and I am struggling to find where to change the colour. Thanks.

Replies 9 (9)

Hardik29418
Shopify Partner
2913 418 1083

@trkk  you should try in base.css

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

KetanKumar
Shopify Partner
37144 3648 12059

@trkk 

sorry for that issue try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

span.badge.badge--bottom-left.color-accent-2 {
    background: #ff0000;
    border-color: #ff0000;
    font-size: 20px;
    text-transform: uppercase;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
trkk
Tourist
11 0 3

it looks like this is code for changing the badge, not the font colour

KetanKumar
Shopify Partner
37144 3648 12059

@trkk 

yes please share us current look also store url please?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
diego_ezfy
Shopify Partner
2969 571 915

@trkk 

If you or anyone else still needs help with this, you just need to add the following code to your CSS:

.price__sale .price-item--regular{
    color: #ff0000 !important;
}

.cart-item__price-wrapper *,
.price__sale .price-item--sale{
    color: #2d2d2d !important;
}


Here is the full tutorial with more information.

Kind regards,
Diego

redinstead
Tourist
3 0 1

hi there, I am after the CSS to change the SALE price colour when showing the price as part of a collection list (Dawn) eg https://shop.redinstead.com.au/collections/sale-all-50-off

 

I have tried .price.price--on-sale .price__sale and a few others (including the ones above from Diego) but I can't get it right. 

 

xxxx {

color: green;
font-size: 1.2em;

}

 

Should it go at the bottom of base.css or somewhere else?

 

Thanks a lot 

Jen

 

 

https://shop.redinstead.com.au 

KetanKumar
Shopify Partner
37144 3648 12059

@redinstead 

can you please check

KetanKumar_0-1659695796392.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ricky2010
Visitor
1 0 1

Bro! Thanks so much for this very helpful info! I've been trying to figure this out for some time now!

KetanKumar
Shopify Partner
37144 3648 12059

@Ricky2010 

thanks for update if need more help let me know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing