change the 'sale' color on the main menu

Store Design
,
1

hi, i’d like to change the color of the word ‘sale’ on the main menu to red. any code for that? thanks.

https://malboshim.com/

2 Likes
2

Hey @Anonymous_d65591fabfe73ef1cdbdaa0a1489d355

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1732004626870.png
Moeed_0-1732004626870.png1274×903 271 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hello @Anonymous_d65591fabfe73ef1cdbdaa0a1489d355

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.list-menu.list-menu--inline [href="/collections/sale-1"] {
color: red;
}

ZestardTech_0-1732004695369.png
ZestardTech_0-1732004695369.png1738×476 684 KB

4

thanks, it did work on desktop but not on mobile

1 Like
5

Hey @Anonymous_d65591fabfe73ef1cdbdaa0a1489d355

Keep the previous code and add this new code above in the end of theme.liquid file.

a#HeaderDrawer-sale {
    color: red !important;
}

RESULT:

Moeed_0-1732005539544.png
Moeed_0-1732005539544.png370×663 12.1 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

6

Hello,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before 
#HeaderMenu-sale span {
    color: red !important;
}

Thanks!

7

thanks!

2 Likes
8

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.