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

[trkk]

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.

[Hardik29418]

@trkk  you should try in base.css

[KetanKumar]

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

[trkk]

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

[KetanKumar]

@trkk 

yes please share us current look also store url please?

[diego_ezfy]

@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]

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]

@redinstead 

can you please check

[Ricky2010]

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

[KetanKumar]

@Ricky2010 

thanks for update if need more help let me know