black background on menu bar

• 

  cherylangear · Member · Jul 20, 2017 at 7:33 pm

  • Copy link
  • Add topic to favorites

  Hi, please can anyone help me to change the black background on the menu bar to white ? thank you

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

• 

  garysixtyeight · Member · Jul 20, 2017 at 11:16 pm

  • Copy link

  Hi there,

  The navigation background can be changed to white by adding the CSS below to your site in My Sites > Customize > CSS.

  .navigation.bg-dark {
      background: #ffffff;
  }

  One problem that creates is that menu text will then be white on a white background when a user hovers over it – so it won’t be visible. To change the hover colour, please try using:

  .main-navigation li:hover > a, .main-navigation li:focus > a {
      color: #13c4a5;
  }

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

  Adding css is a feature of the Premium and Business plans.

  I hope this helps :)

• 

  balletnews2014 · Member · Jul 21, 2017 at 1:27 am

  • Copy link

  Many thanks. Is there any solution for a free theme?

• 

  garysixtyeight · Member · Jul 21, 2017 at 1:53 am

  • Copy link

  Unfortunately, no. Adding custom CSS is only a feature of the Business and Premium plans.