Shopify themes, liquid, logos, and UX
Hello I was wondering if there was a way to change the blue sale sign to red on the *product page* on dawn theme. I'm grateful for any help or consideration.
Thanks in Advance
Finlay MG
Solved! Go to the solution
This is an accepted solution.
Hello @FinlayMg
You can add code by following these steps to sale badge color red and also the outline color
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.price__badge-sale {
background: #ff0000 !important;
border-color:#ff0000 !important;
}
</style>
Hello @FinlayMg
You can add code by following these steps to sale badge color red
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.price__badge-sale {
background: #ff0000 !important;
}
</style>
Hi @niraj_patel thanks for the response on this, it has turned it red but the outline is still blue, is there anyway I can change this?
Thanks again
Finlay Mg
This is an accepted solution.
Hello @FinlayMg
You can add code by following these steps to sale badge color red and also the outline color
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.price__badge-sale {
background: #ff0000 !important;
border-color:#ff0000 !important;
}
</style>
Thank you it works!
Thanks again @niraj_patel for jumping in here and helping @FinlayMg with their sale icon colour issue. Again, seeing folks in the Community come together like this is great, and shows why the Community remains a fantastic resource for staff, partner, and merchant alike.
@FinlayMg are you looking to offer a sale for some of your furniture products? I'd love to hear more about what your business plans are, and how things have been going!
Imogen | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hey there, @FinlayMg!
Thanks @niraj_patel for jump in here and lending a hand! This is what the community is all about - merchants, partners, and Shopify working together!
I wanted to jump in here to let you know that you could reach out to our Live Team to see if they'd be able to make make this adjustment for you! Since you're using a Shopify-made theme, you can use some of your free 'Design Time' to request this customization. Our Team isn't able to help with all requests, but they can do several, so it never hurts to reach out to see if they can lend a hand if needed!
Hope you find that information helpful! I'm happy to chat with you regarding any other questions, or if you'd like to chat a bit about your business! I'd love it if you could a link to your store so I can explore it a little bit!
Imogen | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025