Changing font color for a single menu item

Where’s the element with the ID of “item-14314”?

It seems you’re trying things blindly without looking at the current HTML structure or CSS styles that are already applied to the HTML.

Use Chrome’s developer tools to find this stuff out.
Here’s a useful tutorial for Chrome’s dev tools to help find CSS: https://dailypost.wordpress.com/2013/07/25/css-selectors/

Additional Chrome dev info:

* https://developers.google.com/chrome-developer-tools/
* https://developers.google.com/chrome-developer-tools/docs/dom-and-styles

I am using Firebug to inspect the element and unless I am reading it incorrectly, the element ID was item-14314. Maybe I am not reading firebug correctly?

Andrew,
Could you tell the difference between an element and a item?

Thanks!

I can change the color for the ENTIRE navigation menu but for some reason I can’t change the individual color of a single menu.

When I modified the code below, it changed everything to red.

.styles #masthead .primary-navigation li a, .styles #masthead .primary-navigation li > a {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
}

I am using the plugin “Styles: Twenty Fourteen so maybe that is overwriting the CSS code?