• I’ve read so many great posts – but I can’t seem to figure out how to change the MENU HOVER colour…
    So when a menu item is clicked or hovered over – it changes colour.
    I’ve looked to add to styles.css – but none of the code I add works 🙁
    Please can someone help me?
    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Don’t understand do you need help regarding hover color, making child theme, CSS generally, or all of it, anyway:
    1-Menu hover color in Hueman – http://wordpress.org/support/topic/changing-navigation-text-colour?replies=3
    2-WP child theme in Codex – http://codex.wordpress.org/Child_Themes
    3-Best online CSS / HTML /PhP (+ more) schools – http://www.w3schools.com/
    4 – PLS mark [resolved] if no additional questions.

    Thread Starter colinonearth

    (@colinonearth)

    Hi
    Refering to the menus as i hover the mouse over to select.
    Background is black. Menu is white text.
    Want text to be purple for eg on hover.
    I did try

    #nav-topbar .nav li a { color: #666; }
    #nav-topbar .nav li > a:hover,
    #nav-topbar .nav li:hover > a,
    #nav-topbar .nav li.current_page_item > a,
    #nav-topbar .nav li.current-menu-item > a,
    #nav-topbar .nav li.current-menu-ancestor > a,
    #nav-topbar .nav li.current-post-parent > a { color: #222; }

    Also have this code at moment: (but enabling or disabling is not working.

    http:shinealivenow.com

    #nav-topbar .nav li a {
    color: #FFFFFF;

    /*.menu li a:hover {
    background-color:#71953d;
    } */

    .menu li a:hover {
    background: #71953d;
    }

    /*
    #nav-header .nav li a {
    color: rgba(255, 0, 255, 0.7);
    }

    This:

    #nav-topbar .nav li > a:hover { color: red; }
    #nav-topbar .nav li:hover > a,
    #nav-topbar .nav li.current_page_item > a,
    #nav-topbar .nav li.current-menu-item > a,
    #nav-topbar .nav li.current-menu-ancestor > a,
    #nav-topbar .nav li.current-post-parent > a { color: red; }

    should change all your top-menu hovers to red (use any hex color that suits you).
    Still don’t understand “but enabling or disabling is not working” – I see you have empty child theme “hueman-child-master” folder.
    Above under 2 – instructions on WP child theme creating.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu Hover colour’ is closed to new replies.