Change colour of one menu item

[ThomasKronevald]

I have tried adding the code:

#shopify-section-sections--16220654043308__header > div.header__wrapper.header-override-border > header > div > div > div.header__desktop.header__desktop--menu_center > div.header__desktop__bar__c > nav > div > div:nth-child(3) > a {
color: red !important;
}

in the ASSET / Base.css however without success. We are on a Be Yours 7.2.2 theme. Just want our Clearance Sale % to be hightlighted.

[Made4uo-Ribe]

Hi @ThomasKronevald 

Please, share your store URL. Thanks!

[ThomasKronevald]

www.ebbandflow.com

[Ahsan_ANC]

try this

header > nav > ul > li:nth-child(1) > dropdown-menu > a > span{
   color: red !important;
}

[Made4uo-Ribe]

Thanks for the info, try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"

2. Find the theme that you want to edit and click on "Actions" and then "Edit code".

3. n the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

4. 

<style>
a[href="/collections/clearance-sale-up-to-70-off-on-designer-lighting-1"].header__menu-item .label,
a[href="/collections/clearance-sale-up-to-70-off-on-designer-lighting-1"].menu-drawer__menu-item {
    color: red;
}
</style>

5. And Save. 

6. Result:

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[ThomasKronevald · Accepted solution]

It works thanks! 

[Made4uo-Ribe]

Which one it works? Please don't forget to Like and Mark Solution to the post that helped you. Thanks!