Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #85043
    adunning
    Participant

    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!

    #85069
    Mahesh
    Participant

    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

    #85116
    adunning
    Participant

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

    #85174
    Mahesh
    Participant

    Hi @adunning,

    Thank you for your appreciation.
    Have a nice day.

    Regards,
    Mahesh

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu Hover Color – Sub-Pages’ is closed to new replies.