• 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

Modern Studio Pro Child Theme Design Suggestions

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 › Modern Studio Pro Child Theme Design Suggestions

This topic is: not resolved

Tagged: color, css, modern studio, nav menu

  • This topic has 2 replies, 3 voices, and was last updated 9 years, 10 months ago by JennG.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 15, 2015 at 8:46 am #159468
    akonczews
    Member

    Hello, I am trying to change the color on my navigation menu to a different color. However, I'm talking about a hover color, not the background color. If you also use modern studio, you know that there is a way to change the color of a button for when you hover your pointer over the button, and I have already done so. What I cannot figure out is how to do that on the drop down sub menus on the navigation menu. Is there a way to do that? I've already tried searching for it on the CSS, but there doesn't seem to be any presets in which I could enter in a new color.

    http://louisjohnston.com/
    July 15, 2015 at 12:12 pm #159495
    Susan
    Moderator

    Are you talking about the text in the navigation menu?

    If so, change it here:

    .genesis-nav-menu a:hover {
    color: #fcbb94;
    }

    If you are talking about the actual navigation "bar", you can add a hover color in there, by updating that section like this:

    .genesis-nav-menu a:hover {
    background-color: #000;
    color: #fcbb94;
    }

    August 6, 2015 at 10:50 am #161595
    JennG
    Member

    In this same vein, I'm wondering where I can change the background color of the navigation bar for drop-down menus. My test site is here... http://test2.in-munchkinland.com/ I'd like to change the drop-down background from black to anything else.

    Any tips would be greatly appreciated!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 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

© 2025 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