How so I solve my Navigation Menu Rollover Problem?

• 

  barbarakristaponis · Member · Dec 14, 2014 at 5:33 pm

  • Copy link
  • Add topic to favorites

  When I put my cursor over the navigation bar on the left side, I see just a black rectangle (no text). Clicking on it gets me to the next page just fine, but losing the text made me unsure where I was going. I don’t yet know CSS and my html skills are minimal so I don’t know how to fix this. My blog is thegoodpage.net and my theme is Oulipo. Thanks.

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

• 

  jeremeylduvall · Member · Dec 15, 2014 at 6:56 pm

  • Copy link

  You can use something like this to change the hover color of the text and the background:

  .menu-wrap #menu-navigation-menu a:hover {
  	background-color: red;
  	color: white;
  }

  Just adjust the colors to your liking!

• 

  barbarakristaponis · Member · Dec 15, 2014 at 8:14 pm

  • Copy link

  Jeremey,

  Thanks, but I have no idea where to put this code. Can you tell me where it should go? Thanks.
  Barbara

• 

  thesacredpath · Member · Dec 15, 2014 at 11:24 pm

  • Copy link

  Barbara, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the custom CSS @jeremeylduvall gave above.

• 

  barbarakristaponis · Member · Dec 18, 2014 at 2:31 am

  • Copy link

  Jeremey and happiness engineer,

  Thanks! It is working fine now.

• 

  thesacredpath · Member · Dec 20, 2014 at 9:07 pm

  • Copy link

  Yay @barbarakristaponis!!!!