Change sale price colour in Dawn

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 6 (6)
AlexEffron
Shopify Partner
2682 387 1045
KetanKumar
Shopify Partner
31423 3137 10516

@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
31423 3137 10516

@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
2631 485 649

@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
New Member
3 0 0

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