Menu Color for Twenty Thirteen Theme

• 

  allisonguidettimarketing · Member · Mar 3, 2015 at 11:43 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I am brand new to CSS (and any coding). I’ve upgraded my account so I can do some customizations, and I’m learning as I go.

  Today, I am trying to change my menu colors as follows:
  –Menu bar background color (no hover): #D4D4D4
  –Menu bar text color (no hover): #595959
  –Menu bar background color (hover): #41AAA5
  –Menu bar text color (hover): #ffffff
  –Sub-menu dropdown background color (no hover): #D4D4D4
  –Sub-menu dropdown text color (no hover): #ffffff
  –Sub-menu dropdown background color (hover): #41AAA5
  –Sub-menu dropdown text color (hover): #ffffff

  Color descriptions:
  Light Grey: #D4D4D4
  White: #ffffff
  Teal: #41AAA5
  Dark Grey: #595959

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

• 

  allisonguidettimarketing · Member · Mar 3, 2015 at 11:43 pm

  • Copy link

  Hmmm… it typically helps to have an actual question, huh?

  My question is what CSS code should I use to do this?

• 

  staff-happychia · Staff · Mar 4, 2015 at 9:38 am

  • Copy link

  Please try these styles and we can adjust if you need anything more:

  .navbar {
  background-color: #D4D4D4;
  }
  
  .nav-menu li a {
  	color: #595959;
  }
  
  .nav-menu li a:hover, ul.nav-menu ul a:hover, .nav-menu ul ul a:hover {
  background-color: #41AAA5;
  }
  
  ul.nav-menu ul a, .nav-menu ul ul a {
  	background: #D4D4D4;
  }

• 

  allisonguidettimarketing · Member · Mar 4, 2015 at 12:49 pm

  • Copy link

  Hello,

  The only thing that changed when I pasted in all of that code was the submenu withOUT hover. Thoughts?

• 

  allisonguidettimarketing · Member · Mar 4, 2015 at 6:59 pm

  • Copy link

  Never mind! This seemed to work!

  .nav-menu li a:hover, ul.nav-menu ul a:hover, .nav-menu ul ul a:hover {
  background-color: #41AAA5;
  }

  ul.nav-menu ul a, .nav-menu ul ul a {
  background: #595959;
  }