change the color of my menubar

• 

  sansail · Member · Dec 9, 2014 at 11:35 pm

  • Copy link
  • Add topic to favorites

  I need the CSS for changing my menu bar color and a resource for finding the #code for a color.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 9, 2014 at 11:51 pm

  • Copy link

  Hi there, there are a number of charts and color pickers on the web for hex color codes. In general, you want to stay with colors, or pickers that have web smart colors. There are 4096 of those, and all major browsers will recognize them. If you choose a color that is not web smart, the browser will substitute a web smart color. Here is one that I’ve used in the past.

  The main background color for your menu (the dark grey) is set here

  .navigation-main, .main-small-navigation li, .navigation-main li {
      background-color: #424242;
  }

  and the above also sets the color for the submenus.

  There is also a hover color set (when you hover your mouse over a menu item) that is set here, in case you wish to change that color as well.

  .navigation-main li:hover, .main-small-navigation li:hover {
      background-color: #474747;
  }