Viewing 5 replies - 1 through 5 (of 5 total)
  • David_G

    (@questas_admin)

    I will assume that you know how to use css code to change colors by your statement above. I think this is what you are looking for:

    /* Menu Items */
    .navbar .nav > li > a {}
    
    /* Menu Hover */
    .navbar .nav > li > a:hover {}
    
    /* Menu Current Selected */
    .navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a {}
    Thread Starter vistastang

    (@vistastang)

    yes, i understand css coding a bit, a beginner though.

    the menu items and menu hover coding seems to only control the menu text other than the “home” text. which is how i originally discovered that “home” was not changing color.

    when i add the “menu current selected” coding it seems to change the background color of the rest of the website, not the menu box area. :/

    David_G

    (@questas_admin)

    Here is the menu css for THIS SITE. Take a look at the site and the css below.
    The Menu items are Black, hover is blue, and current is red.

    .navbar .nav > li.current-menu-ancestor > a, .navbar .nav > li.current-menu-item > a {
        color: #F00;
    }
    
    .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
        background-color: transparent;
        color: #0000ff;
        text-decoration: none;
    	}
    
    .navbar .nav > li > a {
        float: none;
        text-decoration: none;
        text-shadow: 0px 1px 0px #FFF;
        color: #000;
    	font-size: 20px;
        padding: 5px 10px;
    }
    
    .navbar .nav > li > a:first-letter {
        font-size: 25px;
    }

    Thread Starter vistastang

    (@vistastang)

    Thanks…works now.

    Still can’t get the menu background color to change though…will start at new topic.

    David_G

    (@questas_admin)

    Sorry I missed that.

    navbar-inner {}

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu Color Issues’ is closed to new replies.