Hello,
How can I change the color only of the Sale icon on the Dawn theme?
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Add this code in the bottom of the base.css file.
span.badge.badge--bottom-left.color-accent-2 {
background: red !important;
}
Choose color according to your requirement.
Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.
I tried this but nothing changed…
Hi @JasmineB
Not able to find sale icon on your website. Could you please share product image or screenshot with sale icon?
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset >base.css and paste this at the bottom of the file:
span.badge.price__badge-sale.color-accent-2 {
display: block!important;
width: 58%!important;
}
Screenshot :- https://prnt.sc/SotZ0PKZg9as
Where can I choose here the color?I would like the Sale icon to be #7688C
Where can I choose here the color?I would like the Sale icon to be #7688C
0
Hello @JasmineB
Please follow the below steps
- In your Shopify Admin go-to online store > themes > actions > edit code
- Find Asset >base.css and add this at the bottom of the file:
span.badge.price__badge-sale.color-accent-2 {
display: block!important;
width: 58%!important;
background-color: #7688CC;
}
Still no change,
Hi @JasmineB
Could you please share the page URL and screenshot of section you are checking?
And here are the screenshots
Hi @JasmineB
Here is the style to add on base.css
span.badge.badge--bottom-left.color-accent-2 {
background-color: #7688CC;
border-color: #7688CC;
}
Please change the background and border color as per your requirement
Please check screenshot
still no change…
span.badge.badge--bottom-left.color-accent-2 {
background-color: #7688CC !important;
border-color: #7688CC !important;
}
Try out this code.
still nothing changes
This did not work for me either. I was directed to this page from Shopify tech support.