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.
1 Like
@trkk you should try in base.css
sorry for that issue try this code
- Go to Online Store->Theme->Edit code
- 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;
}
1 Like
it looks like this is code for changing the badge, not the font colour
1 Like
yes please share us current look also store url please?
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
3 Likes
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
1 Like
Bro! Thanks so much for this very helpful info! I’ve been trying to figure this out for some time now!
1 Like
thanks for update if need more help let me know