• 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

How Do I Change The Text Color In The Menu's?

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 › How Do I Change The Text Color In The Menu's?

This topic is: resolved

Tagged: css, Enterprise Pro, menus

  • This topic has 12 replies, 2 voices, and was last updated 8 years, 10 months ago by Davinder Singh Kainth.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 10, 2014 at 11:02 pm #94228
    [email protected]
    Member

    I have a grey text color in my menu for pages that are selected. Where is that bit of CSS? And, is this the same place as the drop-down sub-menu's? Some are grey and some are white and I don't know why.

    If I make any sense and you can assist, I appreciate it. If I don't make sense, its cause I've been up since 4 am.

    Thanks.

    Brandon

    http://globalconfig.net
    March 11, 2014 at 12:58 am #94237
    Davinder Singh Kainth
    Member

    That grey color code is #aaa
    You can edit it by checking following section of code in style.css (different color section, if you selected different color theme).

    /*
    Theme Colors
    ---------------------------------------------------------------------------------------------------- */
    
    /* Enterprise Pro Black
    --------------------------------------------- */
    
    .enterprise-pro-black .comment-meta a,
    .enterprise-pro-black .genesis-nav-menu .current-menu-item > a,
    .enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
    .enterprise-pro-black .genesis-nav-menu .sub-menu a:hover,
    .enterprise-pro-black .genesis-nav-menu a:hover,
    .enterprise-pro-black .site-footer a,
    .enterprise-pro-black a:hover {
    	color: #aaa;
    }

    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    March 11, 2014 at 8:39 am #94281
    [email protected]
    Member

    That pretty much did it. Thank you very much! I'm now seeing the color I want, but have one weird issue.

    Why are Cisco, CompTIA, and Beginner Courses orange?

    Orange Menu Items

    March 11, 2014 at 9:06 am #94282
    Davinder Singh Kainth
    Member

    For this delete the following code

    /* Enterprise Pro Black
    --------------------------------------------- */
    
    .enterprise-pro-black .comment-meta a,
    .enterprise-pro-black .genesis-nav-menu .current-menu-item > a,
    .enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
    .enterprise-pro-black .genesis-nav-menu .sub-menu a:hover,
    .enterprise-pro-black .genesis-nav-menu a:hover,
    .enterprise-pro-black .site-footer a,
    .enterprise-pro-black a:hover {
    	color: #ff931d;
    	font-weight: bold;
    }

    And add following code in its place

    /* Enterprise Pro Black
    --------------------------------------------- */
    
    .enterprise-pro-black .comment-meta a,
    .enterprise-pro-black .genesis-nav-menu .current-menu-item > a,
    .enterprise-pro-black .genesis-nav-menu a:hover,
    .enterprise-pro-black .site-footer a,
    .enterprise-pro-black a:hover {
    	color: #ff931d;
    	font-weight: bold;
    }
    
    .enterprise-pro-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
    .enterprise-pro-black .genesis-nav-menu .sub-menu a:hover {
    	color: #fff;
    	font-weight: bold;
    }

    Above #fff is the color of referenced sub menu, you can change it to anything as per requirement.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    March 11, 2014 at 9:50 am #94288
    [email protected]
    Member

    That cleaned up the odd orange, but now all menu's are white rather than the bold orange and they are a blue color when I hover over them. Did I do something wrong?

    March 11, 2014 at 11:09 pm #94379
    Davinder Singh Kainth
    Member

    To switch white color to orange, look for following code

    /* Primary Navigation
    --------------------------------------------- */
    
    .nav-primary {
    	background-color: #006496;
    }
    
    .nav-primary,
    .nav-primary a {
    	color: #fff;
    }

    Change this code to following:

    /* Primary Navigation
    --------------------------------------------- */
    
    .nav-primary {
    	background-color: #006496;
    }
    
    .nav-primary,
    .nav-primary a {
    	color: #ff931d;
    }

    Above change color from white to orange.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    March 11, 2014 at 11:10 pm #94380
    Davinder Singh Kainth
    Member

    To change hover blue color, look for following code

    .genesis-nav-menu a:hover,
    .genesis-nav-menu .current-menu-item > a,
    .genesis-nav-menu .sub-menu a:hover,
    .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    	color: #072656;
    }

    Change color code to color of your choice


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    March 12, 2014 at 10:31 am #94447
    [email protected]
    Member

    It's strange, because I make the changes, and nothing happens. Not sure why, but now what I am seeing is that nothing makes a difference.

    March 12, 2014 at 10:28 pm #94585
    Davinder Singh Kainth
    Member

    This theme support lot of color options, which color option is selected in settings as of now?


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    March 12, 2014 at 10:44 pm #94589
    [email protected]
    Member

    It's black right now.

    Theme Settings

    March 12, 2014 at 11:44 pm #94592
    Davinder Singh Kainth
    Member

    I still see dark blue color code in theme code

    .genesis-nav-menu a:hover,
    .genesis-nav-menu .current-menu-item > a,
    .genesis-nav-menu .sub-menu a:hover,
    .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    	color: #072656;
    }

    In above code change #072656 to a different code for color you want.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

    March 13, 2014 at 11:48 am #94708
    [email protected]
    Member

    Works now. Thank you!

    March 15, 2014 at 9:06 pm #95082
    Davinder Singh Kainth
    Member

    Welcome.


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

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