How can I change the color of the top bar?

• 

  estherdance · Member · Aug 22, 2017 at 9:57 am

  • Copy link
  • Add topic to favorites

  Hi,
  I want to change the default green color of the top bar of the “Prosperity theme”, can you tell me please how can I do it?
  I have tried with several CSS codes but I was not able to change it.

  Thanks and best regards,
  Esther

• 

  g471n · Member · Aug 22, 2017 at 10:34 am

  • Copy link

  Hi Esther

  This should do the trick:

  #masthead .top-bar {
      background: #a51093;
  }

  Replace #a51093 with the color code you would like.

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

• 

  g471n · Member · Aug 22, 2017 at 10:37 am

  • Copy link

  w3schools.com has more information on HTML color codes – https://www.w3schools.com/colors/colors_picker.asp

• 

  estherdance · Member · Aug 22, 2017 at 10:53 am

  • Copy link

  Perfect, many thanks for your help!

• 

  g471n · Member · Aug 22, 2017 at 10:54 am

  • Copy link

  You are welcome.