Hi JD --

I've looked over your thread w/the menu cheat sheet (Awesome!)

What I would like to do is have the current menu item selected. My current CSS inserts:

#menu2 ul.rMenu li a:link, 
#menu2 ul.rMenu li a:visited,  
#menu2 ul.rMenu li a:active, 
#menu2 ul.rMenu li {
	background: #d20909 !important;
	color: #000000 !important;
}

#menu2 ul.rMenu li a:hover,
#menu2 ul.rMenu li.current-menu-item a  {
	background: #aa0707 !important;
	color: #f0f000 !important;
}

Yes, I am using the WP menu system, a mixed bag of categories, pages, and posts within the menu. The current CSS works great for a subpage of a menu item. However, if you select the "top-level/parent" menu item, all subpages are also highlighted. Is there a way around this?

Site: http://bit.ly/oVCv9q
ATA 3.6.7
WP 3.2.1

Thanks in advance

Whoot!

After looking over some other posts (sometimes relevant info is hard to find until you post your own threads and the forum suggests other topics) here is the current CSS inserts that do what I wanted:

#menu2 ul.rMenu li a:link, 
#menu2 ul.rMenu li a:visited,  
#menu2 ul.rMenu li a:active, 
#menu2 ul.rMenu li {
	background: #d20909 !important;
	color: #000000 !important;
}

#menu2 ul.rMenu li a:hover,
#menu2 ul.rMenu li.current-menu-item a  {
	background: #aa0707 !important;
	color: #f0f000 !important;
}

#menu2 ul.rMenu li.current-menu-item ul li a {
	background: #d20909 !important;
	color: #000000 !important;
}

#menu2 ul.rMenu li.current-menu-item ul li a:hover {
	background: #aa0707 !important;
	color: #f0f000 !important;
}

Tim

And FTW... (or "charge it to the game" for you Jay Mohr fans)

#menu2 ul.rMenu li a:link, 
#menu2 ul.rMenu li a:visited,  
#menu2 ul.rMenu li a:active, 
#menu2 ul.rMenu li {
	background: #d20909 !important;
	color: #000000 !important;
} /* base bg's and colors for everything except hover rules */

#menu2 ul.rMenu li a:hover {
	background: #aa0707 !important;
	color: #f0f000 !important;
} /* hover rules */

#menu2 ul.rMenu li.current-menu-item a  {
	background: #aa0707 !important;
	color: #eeeeee !important;
} /* special rule for the currently selected items */

#menu2 ul.rMenu li.current-menu-item ul li a {
	background: #d20909 !important;
	color: #000000 !important;
} /* special rule for children in case parent element is selected */

#menu2 ul.rMenu li.current-menu-item ul li a:hover {
	background: #aa0707 !important;
	color: #f0f000 !important;
} /* redo so that hover rules "stick" */

Tim

Last post about this, I swear...

Using the above code WILL make your little dropdown arrows disappear for the menus. If you would like to preserve these arrows, simply change "background" statements to "background-color", and all is well.

I know, should have tested before I posted everything and got so excited...