[adunning]

Hi guys, I have created several sub-pages of a main parent page on my site, I want to change the hover color on the primary menu as it’s coming up black, to my chosen color. You previously gave me this code to change the menu which works fine for all parent pages but not sub-pages – can you give me the code to do this now too?

/* For menu bar color – hover color */
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus {
background-color: #647a64;
}

Thanks!

[Mahesh]

Hi adunning,

Do you mean that background for sub pages is showing black and you want to change it to the same color as that of the parent menu item’s background color? If so please add the following CSS.

#header-menu ul.menu ul a {
    background: none repeat scroll 0 0 #7d997d;
}

Let me know if any problem.

Regards,
Mahesh

[adunning]

Yes that’s it – it worked beautifully, thanks again Mahesh!

[Mahesh]

Hi @adunning,

Thank you for your appreciation.
Have a nice day.

Regards,
Mahesh

[Author]

Posts