Theme 2010: Changing font color in menu dropdowns

Hello,

For some reason your template css was a little finicky on this one, but here is a class that should fix the issues your having. Part of the issue is that the css class that controls the color of the sub menu also affects the color of the main parent menu items. The following code placed in your css should separate the sub menu link colors out so you can control them more accurately ?? It’s a little more unusual, but it is the only combo that i found worked on the firebug inspector.

#access .menu-header ul li ul li a {color:#004261;}
#access .menu-header ul li ul li a:hover {color:#ffffff;}

Hope it helps, keep me posted.

Best Regards,
Danny ??

Hey Danny,

Thanks for the help! I tried plugging those lines into my style.css, but I’m not seeing any different result. Is there a particular place I should be sticking them?

First I tried after here, because that’s where I found the gray:

#access a {
	color: #83878e;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}

When that didn’t work, I tried after here:

#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #004261;
}

* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #004261;
}

Thanks for your help. And a very Merry Christmas =]

Hello,

Again, what a finnicky template ?? lol

Try this variation that includes !important declarations. I try to avoid it on links as it can destroy hover effects, but since the css is super specific and includes the hover effect you should be ok. Try this …

#access .menu-header ul li ul li a {color:#004261 !important;}
#access .menu-header ul li ul li a:hover {color:#ffffff !important;}

maybe try putting it in the style.css file of your active theme around those links after line #462 or so.

Keep me posted ??
Danny

it worked! tried inserting those two lines in the code where you suggested, but the wp system wouldn’t save it out. bumped them up to lines 414 and 416, and now it’s working and legible.

i owe you a pretzel.