Hi, I am trying to change one of the menu items in my header to be in red.

Theme: Stiletto

I am trying to make the ‘VALENTINES DAY’ Menu Item red, vs the rest of them being black.

Collection name: ‘valentinesday’

@ChelseaCrew welcome to the Shopify Community,

please follow the below instructions

Online Theme > Edit Code > Look for the file name theme.css > paste the below code at the end of that file

Hit save.

nav.header__links ul.header__links-list li:first-child a {
    color: red;
}

Thanks

thank you!!! can i replace ‘red’ with a hex color code?

The first dropdown option of every menu item is also the same color. how do I make sure this doesn’t happen?

@Liquid_xPert_SJ

@ChelseaCrew

nav.header__links ul.header__links-list li:first-child a:not(li[data-submenu-parent] a) {
    color: #BD3275;
}

Please replce the code with this.

Thanks

Thank you!!

1 Like

Hi there. I have the same problem, but does this code applies also on a drop-down menu? If so, i want to change color on the title sale%.

Thank you.
Site:
https://www.ritamoss.gr/

@ritamoss yes it will be work according to theme code structure

Do let me know if you have any question

Thanks

@Liquid_xPert_SJ I’ve done all the above instructions, but it’s not working. The SALE% dropdown-menu is still black. Any other suggestions??

Thank you.
Site:
https://www.ritamoss.gr/

.header__links-list > li:nth-child(4) a {
	color: red !important;
	font-weight: bold;
}

@Liquid_xPert_SJ Yeee it’s working. Thanks a lot.

I also want only that title of the menu to be red and not the whole dropdown sub-menu. Sorry that i wasn’t clear about this…

.header__links-list > li:nth-child(4) > a { color: red !important; font-weight: bold; }

1 Like

@Liquid_xPert_SJ Thank you so much!!!

@ritamoss

please mark it as solution if your issue has been resolved.