Color Stuck on Black for Navigation Main Menu items


Note the color of the main menu items at the top... this is.


we are working on a new navigation scheme


The color is (or should be) is set in the CSS on line 1094 here:

.nav-global .nav-parent > li {
	color: #8c3945;
	padding: 0 22px;
	height: 40px;

Open in new window

But, somewhere this is being clobbered by a later more specific selector that is turning it black...or wiping the setting which defaults to black (because no where do we set color to rgb(0,0,0,) for any type)

But I can't see where. I have looked at it until my eyes "are bleeding" but still don't see it.

Can you?
Who is Participating?
Tom BeckCommented:
Line 1123 according to Firebug. It's not rgb(0,0,0) but it's close to black.

.nav-global .nav-parent > .nav-header > a {
    color: #352f29;
Jeffrey Dake Senior Director of TechnologyCommented:
The rule

.nav-global .nav-parent > .nav-header > a {
    color: #352f29;
    padding-top: 8px;

Open in new window

on line 1123 is what is being applied.  Since it is later in your CSS file it is overriding your other rule.
BrahmanathaAuthor Commented:
Thank you both... who responded with 2 minutes of each I split the points.

 I removed that  color: #352f29;  and it works! Gotta start doing this work in the morning instead of the end of the day...
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.