Support » Theme: discover » Change the background color & height of the nav menus

  • Hi,

    Can anyone please let me know how to change the background color for the nav menus, plus also change the height of the menu.

    Thanks in advance,

    Ryan

Viewing 4 replies - 1 through 4 (of 4 total)
  • Could you post a link to your site so I can look at the CSS? You can change both in the style sheets but I need to know what the id/classes are.

    WPyogi

    (@wpyogi)

    Forum Moderator

    You can change both in the style sheets

    Changes should NOT be made to theme files – as they will be lost when the theme is updated. Instead use Custom CSS or a child theme.

    Thanks for your reply and help

    The site is http://productb-info.com/

    WPyogi

    (@wpyogi)

    Forum Moderator

    That green might be some kind of theme option – I’m not familiar with this theme. But if it’s not, try adding this to custom CSS if your theme has that option otherwise in JetPack’s custom CSS under Edit CSS:

    #nav li:hover, #nav li.sfHover, #nav li:hover > a, #nav a:focus, #nav a:hover, #nav a:active, #nav li li a {
        background: none repeat scroll 0 0 #75AB21;
    }
    #nav li ul li:hover, #nav li ul li.sfHover, #nav li ul li a:focus, #nav li ul li a:hover, #nav li ul li a:active, #nav li.current_page_item > a, #nav li.current-menu-item > a, #nav li.current-cat > a {
        background: none repeat scroll 0 0 #75AB21;
    }

    Change the color code in the above.

    To change the height, add this CSS – and change the padding as you like:

    #nav a {
        padding: 1.7em 1.7em;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change the background color & height of the nav menus’ is closed to new replies.