Organization Theme: Changing the color of the top green bar

• 

  qaan · Member · Mar 22, 2018 at 4:45 pm

  • Copy link
  • Add topic to favorites

  Hello all. Sorry if this was discussed before but as I am quite new to CSS, I couldn’t find exactly what I wanted. Our website’s theme is “organization”. I’m not even sure if it’s possible but I would like to change the color of the main menu bar at the top (which is a shade of green by default). Any kind of help is greatly appreciated. Please note, I have no knowledge of css styles. Thanks in advance :)

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

• 

  stefbarz · Member · Mar 22, 2018 at 6:14 pm

  • Copy link

  Hi there!

  Custom CSS is a feature of the Premium and Business plans. Assuming you are on one of these plans, you can try to add this code in your Customizer (My Sites → Themes → Customize → CSS):

  #navigation {
      background-color: #FFFF00;
  }

  You can use a Color Picker to select the color you would like to use, here are some:

  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool
  https://www.w3schools.com/colors/colors_picker.asp

  To learn more about how to add custom CSS you can have a look at this support document:

  https://en.support.wordpress.com/custom-design/editing-css/

  Hope this helps!

• 

  qaan · Member · Mar 22, 2018 at 9:27 pm

  • Copy link

  Yes, it helped. Thanks a lot!!!!

• 

  qaan · Member · Mar 22, 2018 at 9:28 pm

  • Copy link

  One more thing…
  How about the submenus?

• 

  thesacredpath · Member · Mar 22, 2018 at 11:42 pm

  • Copy link

  Hi @qaan, the following will set your submenus to the same color as your top level menu.

  .menu ul.sub-menu, .menu ul.children {
    background-color: #8B2986;
  }

• 

  qaan · Member · Mar 23, 2018 at 7:33 am

  • Copy link

  Works like magic! Thank you very much

• 

  thesacredpath · Member · Mar 23, 2018 at 6:20 pm

  • Copy link

  You are welcome.