Hello,

I am using WordPress 3.0.4 and Atahualpa 3.5.3 on litteacher.com.

When I click a parent (ie About), all of the children inherit the hover color. Is it possible to have them retain their normal background color when they are not specifically clicked on?
Thank you for any help.
Jason Bedell.

did you apply the bugfix's (see 'Old Version fixes and change logs' forum, which is a subforum of the 'New Versions, & Updating' forum

Yes. I did it again just to be sure and still am having the same issue. Thank you for the suggestion.

Looks like you got it fixed

What browser are you using? I just tried in Firefox and Chrome. When I click on Professional Development, for example, all the child pages are still highlighted.

Oh sorry, I had not clicked the parent.

This is the way CSS works. When you apply a style to a element, all its children inherit the styling. If you want the children behave different then you have to supply a CSS selector and rule for the child that will override the parents styling.

Remember, when you style the submenu, it will effect any submenu's it has, so will also have to reset the styling for the sub-submenu.

(this is why the menu css is so complicated with over 400 lines of code.)

A good tool to use is FireBug in FireFox to help identify the CSS Selectors that need to be overriden.

I can use firebug to identify them. If I override the background color of the child items, will they still retain the hover color from the theme options?

I just noticed that my navigation menu just went completely screwy. All I've done so far this am is to remove
td#header {
padding-bottom: 5px;
}

which shouldn't have any impact. Do you know what might have caused this?

I tried reverting the bugfix to the old files, but the menu problem is persisting. The menu items and the formatting are both completely wrong without a cause that I can identify.

OK. Panic over. Menu 1 disappeared from the WordPress Menu. Just had to re-add it. Not sure why that happened. Hadn't even clicked on that today, let alone changed it.

I tried to add this to 1 of the child menu items (Overview Booklet under Professional Development), but it didn't make a difference. Do you see anything wrong with the code?

li#menu-item-442 {background-color:  #2a232b !important;;}
li#menu-item-442 a:hover {background-color:50442e !important;;}

You solved it in post #7 of this thread.
http://forum.bytesforall.com/showthread.php?t=2745