How to Change The Color Of A Single Main Menu Item i.e Sale

[lesriches]

Hi,

I am trying to change the color of a single main menu item, i.e., Sale  to red

i have used following code in theme.css 

Theme : Warehouse

#HeaderMenu-Sale > span {
color: #ff9900 !important;
}
a.header__menu-item.header__menu-item--top.list-menu__item.focus-inset[href="/collections/Sale"] > span.label {
color: orange !important;
}
a[href="https://lesriches.co.uk/collections/sale"] {
color: red;
}

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @lesriches 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.nav-bar__linklist .nav-bar__item:nth-child(9) {
 color: red !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs]

Hello @lesriches 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[lesriches]

https://lesriches.co.uk/
Password : admin@les

[BSS-TekLabs]

I have commented the solution below. you can try it @lesriches .

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @lesriches 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.nav-bar__linklist .nav-bar__item:nth-child(9) {
 color: red !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[niraj_patel · Accepted solution]

Hello @lesriches 

You can add code by following these steps

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>
   ul.list--unstyled li.nav-bar__item:nth-child(9) a {
      color: red !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.