Make one word in main nav a different color text

[fmora617]

Hi – I would like to have one of my menu itemS in my main nav be a different color. For example, make the contact a different color text than the other menu items –> http://i.imgur.com/DzykA3E.png

This is happening on http://golfrite.com.

Thanks!
Fabian

[Kyle – SUPPORT]

Hi

Add this to your custom css:

nav#main-navigation .menu li.menu-item:last-child > a {
  color: #111;
}

– Kyle

[fmora617]

Hi –

I added some additional CSS to the CSS you provided for the last item on the main nav as I wanted.

nav#main-navigation .menu li.menu-item:last-child > a {
color: #00d5ff;
font-style: italic;
font-weight: bold;
text-shadow: 0 2px 1px rgba(0,0,0,0.5);
}

However, the CSS then affected the last item in my sub menu. See here –> http://i.imgur.com/dK0lbbw.png

Any idea how to have the CSS provided not affect the sub menu item/CSS?

Thanks,
Fabian

[Kyle – SUPPORT]

Try this instead:

nav#main-navigation .menu > li.menu-item:last-child > a {
  color: #00d5ff;
  font-style: italic;
  font-weight: bold;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}

– Kyle

[fmora617]

Worked great! Thanks Kyle for all your awesome support!

Fabian

[Rui Guerreiro – SUPPORT]

No problem. Thanks Kyle
-Rui