WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. WakeUpWorld
    Member
    Posted 8 months 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 8 months 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
    Volunteer Moderator
    Posted 8 months 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 8 months ago #

    Thanks for your reply and help

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

  5. WPyogi
    Volunteer Moderator
    Posted 8 months 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;
    }

Reply

You must log in to post.

About this Theme

About this Topic