Navigation Bar Color

Viewing 3 posts - 1 through 3 (of 3 total)
  • #4557
    ivanc
    Participant

    Hi! Great theme. However, I’m curious to see if there is a way to change the black and grey of the Navigation Bar. I managed to change the background color using this code in custom css.

    #access {
    background: none repeat scroll 0 0 #b34167;
    }

    That is as far as I got. So, is it possible to change the grey (when it hovers) and the black from the search box/present page. I’m a novice with wordpress and css, so I appreciate the help.

    Thanks.

    Thanks!

    #6013
    keely
    Participant

    Change the grey – when it hovers – change this rule:
    #access a:hover,
    #access li.current_page_item > a {
    background:#777;
    background:-moz-linear-gradient(#777,#555);
    background:-webkit-linear-gradient(#777,#555);
    background:-o-linear-gradient(#777,#555);
    background:-ms-linear-gradient(#777,#555);
    background:linear-gradient(#777,#555);
    color:#fff;
    text-decoration:none;
    }

    #777 is the lighter colour at the top, and #555 is the darker colour at the bottom

    To change the black from the search box change this style in the stylesheet – best to make a Child Theme and do the changes there though …

    #header input#s {
    width:97%;
    padding:5px;
    margin-right:0;
    box-shadow:inset 3px 3px 3px #000;
    background:#222;
    background:-moz-linear-gradient(#151515, #252525);
    background:-webkit-linear-gradient(#151515, #252525);
    background:-o-linear-gradient(#151515, #252525);
    background:-ms-linear-gradient(#151515, #252525);
    background:linear-gradient(#151515, #252525);
    border:none;
    color:#999;
    font-size:12px;
    font-family:”Droid Sans”, sans-serif;
    }

    It works the same as the navigation background.

    #12456
    kandg
    Participant

    I am trying to get the sub menus on the drop down to match my header menu colors. I have gone into the theme options and set:

    Menu Background Color to #6A9145

    Menu Item Hover Background Color to #91B96C

    And that worked for the main menu bar, but I have sub categories that show as drop downs and they are still the default dark grey/black.When a sub category is selected it displays correctly as the lighter color.

    I put the above CSS in my child CSS with the correct Hex colors filled in and the changes for the search box worked (probably my next step so thanks!!!). But the sub-category/nested menus still pop up black.

    Thanks in advance.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.