How can change my menue back ground colour from Black to another colour

• 

  hatemazzam · Member · Dec 27, 2014 at 12:14 am

  • Copy link
  • Add topic to favorites

  hello there :

  i am using antenna theme. can’t change the main menue background colour from black to any other colour. i have no experience in coding with CSS or any code :)

  any advise
  many thanks

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

• 

  staff-happychia · Staff · Dec 27, 2014 at 1:16 am

  • Copy link

  Add this code in the CSS Editor. Change green to whichever color would you prefer.

  .main-navigation {
  background: green;
  }

  I also suggest you add this code so the menu text is visible on hover:

  .sf-menu a:hover,
  .sf-menu a:focus,
  .sf-menu a:active {
    background: white;
   }

• 

  staff-happychia · Staff · Dec 27, 2014 at 1:17 am

  • Copy link

  Oops, missed the formatting for the second style:

  .sf-menu a:hover,
  .sf-menu a:focus,
  .sf-menu a:active {
    background: white;
   }

• 

  thesacredpath · Member · Dec 27, 2014 at 3:08 am

  • Copy link

  staff-happychia, fixed. :)

• 

  staff-happychia · Staff · Dec 27, 2014 at 5:38 am

  • Copy link

  Thank you @thesacredpath :-)