Hovering color for top main menu item

• 

  veggiesdontbite · Member · Dec 7, 2013 at 6:09 pm

  • Copy link
  • Add topic to favorites

  HI, I am trying to figure out which of my CSS codes deals with the color that shows when I hover over the main menu items. The drop down sub menus hover green, and I know which CSS that is, but the top main menu item still hovers orange. I looked at my CSS and the only one that I thought could be it is:

  a:focus, a:hover {
  color: #89a544;

  And I changed the color code to the green but it still is orange. Can you take a look and let me know what I’m missing? Thanks!

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

• 

  eurello · Staff · Dec 8, 2013 at 11:12 pm

  • Copy link

  Try the following:

  nav a:hover, div.menu a:hover {
  background-color: #89a544;
  }

  Let me know how that works!

• 

  veggiesdontbite · Member · Dec 8, 2013 at 11:14 pm

  • Copy link

  Perfect! Thanks! What was the other CSS for I messaged you? Just want to see what I switched by changing the color code since I can’t figure it out.

  a:focus, a:hover {
  color: #89a544;

• 

  eurello · Staff · Dec 8, 2013 at 11:55 pm

  • Copy link

  I’m not sure. Those are just general link selectors, but they’re not specific to any area of your theme, so I’m not sure if your adding that did anything.

  We’ve got a great series on the Daily Post teaching our users basic CSS. You should check these out! They’re a big help:

  An Intro to CSS, or How to Make Things Look Like You Like

  An Intro to CSS: Finding CSS Selectors

  Intro to CSS: Previewing Changes with the Matched Rule Pane

• 

  veggiesdontbite · Member · Dec 9, 2013 at 5:17 am

  • Copy link

  Thanks!