Primary navigation color and active font color change

  • Resolved oedoma42

    (@oedoma42)


    6 years, 4 months ago

    I really like this theme. I’m using the free version at the moment.

    I would like to change the hover color of the font in the primary navigation and footer navigation menus – each to a separate color if possible.

    I can change the hover color with this –
    #nav-main ul.sf-menu a:hover {
    color: #314c17
    }
    However the font color remains blue.

    I’d also like to keep the parent highlighted when on the sub menu hover.

    Any help is appreciated as my CSS skills aren’t so good!

    I do not have a link I can share.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Here is CSS to change the text of your main nav hover:

    #nav-main ul.sf-menu a:hover {
    color: red !important;
}

    Here are the hover effects for the footer menu:

    #containerfooter .menu li a:hover {
    color: red;
    background: #73ce7a;
}

    This CSS will allow you to set the hover effect of the parent menu items while hovering the sub menu:

    #nav-main ul li:hover > a {
  color: red;
}

    Add the CSS to Theme Options> Advanced Settings, and change the colors to whatever you need. Let me know if it works for you.

    -Kevin

    Thread Starter oedoma42

    (@oedoma42)

    Just what I needed. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Primary navigation color and active font color change’ is closed to new replies.