Solved

How to change sale sign color on Dawn theme product page?

FinlayMg
Excursionist
22 0 4

FinlayMg_0-1674835021002.png 

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

 

Accepted Solution (1)
techlyser_web
Shopify Partner
1683 307 324

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>

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 6 (6)

techlyser_web
Shopify Partner
1683 307 324

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>

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
FinlayMg
Excursionist
22 0 4

Hi @techlyser_web 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

techlyser_web
Shopify Partner
1683 307 324

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>

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
FinlayMg
Excursionist
22 0 4

Thank you it works!

Imogen
Shopify Staff
1795 204 325

Thanks again @techlyser_web 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

Imogen
Shopify Staff
1795 204 325

Hey there, @FinlayMg!

 

Thanks @techlyser_web 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