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 5 (5)
KetanKumar
Shopify Partner
24919 2496 9029

@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
24919 2496 9029

@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
2299 413 539

@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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.