Need Nav Menu Formatting Help

[ellenstevens]

Using Modern Portfolio.

I'm trying to change the formatting of the Primary and Secondary nav menus. However, nothing I have coded appears to be effective. I'm not sure what I'm missing.

I hope to:
1) HOVER :: No background/color changes. Currently displays black background with white letters.
2) ACTIVE :: Change text color to green.
3) Remove border around boxes.

Any ideas why this isn't working? Is there a special code for the theme?

http://ellenstevens.com/test/

[Derek]

Try removing the background-color property from the following rules in your CSS:

.genesis-nav-menu li a:hover, .genesis-nav-menu li li a:hover {
    background-color: #222222;
}

You can also add an additional property in that same rule to handle the hover color:

.genesis-nav-menu li a:hover, .genesis-nav-menu li li a:hover {
    background-color: none;
    color: green;
}

To change the active state of the current page item, you can do:

.genesis-nav-menu li.current-menu-item a {
    color: green;
}

Hope that helps!

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Author]

Posts