Menu header color

• 

  thebackyardmainer · Member · Feb 8, 2017 at 3:05 am

  • Copy link
  • Add topic to favorites

  How do I go about customizing the color of the menu header? It’s currently pink and I’m not sure what color I want it, but pink is far from it. Any basic CSS code to start with?

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

• 

  aakashpatelsite · Member · Feb 8, 2017 at 4:21 am

  • Copy link

  Hi,
  I have just visited your blog, to change the color of your menubar you have to add folloing modified CSS instead of your .main-navigation CSS.

  .main-navigation, button {
      background-color: #FFF;
  }

  Thanks,
  Aakash Patel

• 

  kathrynwp · Staff · Feb 8, 2017 at 3:14 pm

  • Copy link

  Hi there! Here’s some CSS to change the menu background colour as well as the dots between the menu items.

  .main-navigation {
       background-color: #cccccc;
  }
  .main-navigation .nav-menu > li > a::after, .main-navigation .menu > li > a::after {
       color: #268a26;
  }

  The button element isn’t used in the main menu, so that’s not needed.

  You can change the example colour codes to anything you like using your favourite colour picker. Here’s one: http://www.colorpicker.com/

  If you need anything else, just let us know.