Menu bar calor change

Viewing 3 posts - 1 through 3 (of 3 total)
  • #16856
    yoshimi233
    Participant

    Hi,

    How could I change the color of the menu bar from black to some other color? I also want to change gray color of sub menu. I’d appreciate if you could tell me how to change these. Thanks!

    • This topic was modified 10 years, 6 months ago by yoshimi233.
    #16884
    Daniel Tara
    Keymaster

    Try adding this to your custom styles:

    #access{
    	background: #000;
    }
    #access li li a {
    	background: #000;
    }

    Replace #000 with the color code of the color you want to use.

    #16897
    yoshimi233
    Participant

    Hi, Thank you for the reply!
    FYI, I needed some more custom styles to done.

    #access li.current-menu-item > a { /* menu color for current page – navy */
    background:#000080;
    }

    #access{ background: #4169e1; /* menu color for main menu – royal blue */
    }
    #access a:hover {
    background: #0000cd; /* menu color for main menu–hover – medium blue */
    }

    #access li li a {
    background: #6495ed; /* menu color for sub menu – cornflowerblue */
    }
    #access li li a:hover {
    background: #0000cd; /* menu color for sub menu–hover – medium blue */
    }

    #header input#s {` background:#fff; /* search form input background – white */
    color:#191970; /* search form pre-set text – midnight blue */
    }

    #header input#s:focus {
    color:#191970; /* search form input text – midnight blue */
    }

    Hope it helps for someone!

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

You must be logged in to reply to this topic.