Need Nav Menu Formatting Help

Community Forums Forums Design Tips and Tricks Need Nav Menu Formatting Help

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Derek 1 year, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #53497

    ellenstevens
    Participant
    Post count: 32

    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/
    #53502

    Derek
    Participant
    Post count: 46

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.