WordPress.org

Ready to get started?Download WordPress

Forums

Hueman
Menu Hover colour (4 posts)

  1. colinonearth
    Member
    Posted 1 month ago #

    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.

  2. Mike Orange
    Member
    Posted 1 month ago #

    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.

  3. colinonearth
    Member
    Posted 1 month ago #

    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);
    }

  4. Mike Orange
    Member
    Posted 1 month ago #

    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.

Reply

You must log in to post.

About this Theme

About this Topic