Styling dropdown / grandchild pages

• 

  bridgethapner · Member · Mar 20, 2013 at 3:45 pm

  • Copy link
  • Add topic to favorites

  Hello –

  I am heavily customizing a free theme with CSS, and the only thing I can’t customize is the dropdown menu items or “grandchild” items. I have changed the colors in my theme quite a bit, and styled the navigation heavily, and would like to change the color of the drop down items background to white, and active/hover link colors to green. Any ideas? The red right now is just so distracting and not in keeping with the design so I’d love to change it.

  Thanks for your help.

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

• 

  thesacredpath · Member · Mar 20, 2013 at 7:00 pm

  • Copy link

  This is where the background and font colors are for the drop downs.

  .main-navigation ul ul a {
  background-color: #1B1B1B;
  color: #C9C9C9;
  }

  This would be the “hover” colors for the drop downs.

  .main-navigation ul ul a:hover {
  background-color: #FF0000;
  color: #FFFFFF;
  }

• 

  bridgethapner · Member · Mar 20, 2013 at 9:37 pm

  • Copy link

  Thank you so much! Very helpful!