How can I change the color of my sale icon to red on the Dawn theme?

Store Design
,
1

Hi,

I’m trying to change the colour of a menu item in the Dawn Theme. It’s currently “New Year Sale 2023”. I would like to make this icon Red both on Mobile and desktop. I’ve got no coding experience whatsoever but gave a go looking on here but all of the solutions aren’t working! Would anyone be able to help!

The site is www.delucx.com

Thank you in advance!

2

Hi @Delucx

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/base.css
  3. Add code below to bottom of file
.menu-drawer__navigation .menu-drawer__menu > li:nth-child(2) a,
.header__inline-menu .list-menu > li:nth-child(2) a{
	color: red;
}
1 Like
3

That’s worked! Thank you so much for your help! :slightly_smiling_face:

4

Hi There!

Thanks for your help, but this has now changed the colour of every other icon to red rather than just the sale icon. Is there a way to change it?

5

Hi @Delucx

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Snippets/card-product.liquid
  3. Search ‘on_sale’ after add a ‘price__badge-sale’ class. Remember add all anywhere that has ‘on_sale’

EBOOST_0-1674226711093.png
EBOOST_0-1674226711093.png1521×695 52.9 KB

  1. Go to Assets/base.css
  2. Add code below to bottom of file
.price .price__badge-sale.badge{
	color: red!important;
}