WordPress.com

1. judylallen
   Member
   Feb 26, 2011, 11:45 PM

   My site is here: http://homemadeoklahoma.com/

   I added a custom link to my menu called "Home." At first, it displayed as white (on my white background) so it didn't show up. I figured out how to fix that, but now when you hover over it, it doesn't change to white, as the other menu items do, it remains the same gray color on the green background of the hover. I can't figure out how to edit the CSS to make it display as white (#ffffff) when it's hovered over. I do have the CSS upgrade, FYI.

   Any help?

   The blog I need help with is homemadeoklahoma.com.

2. thesacredpath
   Member
   Feb 28, 2011, 12:22 AM

   This will take care of it for you.

   #access ul li.current_page_item > a:hover {
   color: #FFFFFF;
   }

3. hallluke
   Member
   Feb 28, 2011, 12:55 AM

   It's not specific to that individual link, the colour declaration is missing for the link to the current page regardless of which page you are on. Here's the code to add to fix it:

   #access ul li.current_page_item:hover > a, #access ul li.current-menu-item:hover > a {color:#fff;}

4. judylallen
   Member
   Feb 28, 2011, 9:11 PM

   Worked like a charm! Thank you both for this and for all your help in the forums. I'm new at this, and couldn't have gotten this far without all the stuff I've found from both of you in the forums. Cheers!

Topic Closed

This topic has been closed to new replies.