Change background menu color

• 

  adriennecliona · Member · Sep 4, 2014 at 4:51 am

  • Copy link
  • Add topic to favorites

  Hi,
  How do I change the background color of my menu (Adaption Theme). I want white instead of red and text color red instead of white.

  Thank you,
  Adrienne

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

• 

  hallluke · Member · Sep 4, 2014 at 8:48 am

  • Copy link

  Try pasting this into your custom CSS window. The first two rules should switch the colours around in your menus, the last one you can change if you want to set different colours for the active menu page item (i.e. the colour of the font and background of the menu item when you’re viewing that page):

  .main-navigation,
  .main-navigation li a {
    background-color: #fff;
  }
  
  .main-navigation li a {
    color: #cf000f;
  }
  
  .main-navigation .current_page_item a,
  .main-navigation .current-menu-item a {
    color: #333;
    background-color: #ccc;
  }

• 

  adriennecliona · Member · Sep 4, 2014 at 4:56 pm

  • Copy link

  Hello Halluke,

  This worked perfectly.
  Thank you,

• 

  thesacredpath · Member · Sep 4, 2014 at 5:03 pm

  • Copy link

  You are welcome.