• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Need Nav Menu Formatting Help

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: not resolved

Tagged: color, link, modern portfolio, nav menu

  • This topic has 1 reply, 2 voices, and was last updated 10 years, 2 months ago by Derek.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 31, 2013 at 10:26 pm #53497
    ellenstevens
    Member

    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/
    July 31, 2013 at 11:11 pm #53502
    Derek
    Member

    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
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble