WordPress.org

Forums

discover
Change the background color & height of the nav menus (5 posts)

  1. WakeUpWorld
    Member
    Posted 1 year ago #

    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

  2. egrucza
    Member
    Posted 1 year ago #

    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.

  3. WPyogi
    Forum Moderator
    Posted 1 year ago #

    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.

  4. WakeUpWorld
    Member
    Posted 1 year ago #

    Thanks for your reply and help

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

  5. WPyogi
    Forum Moderator
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic