• 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

Manhattan menu color

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 › Manhattan menu color

This topic is: not resolved

Tagged: color, menu

  • This topic has 8 replies, 2 voices, and was last updated 9 years, 2 months ago by RobG.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 9, 2013 at 7:13 am #71854
    PascalPavan25
    Member

    Hi everybody!

    I need to change the color of my menu!

    Now I have set the background of my menu black. Then I would like the menus are written in white.
    Where should I change in the CCS to do this?

    Thanks,
    Pascal

    http://www.federicosoldati.ch
    November 9, 2013 at 7:32 am #71857
    RobG
    Member

    Please post the link for the website in question to speed up the process.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    November 9, 2013 at 7:34 am #71859
    PascalPavan25
    Member

    Link:
    http://www.federicosoldati.ch/

    November 9, 2013 at 7:58 am #71862
    RobG
    Member

    You can change the orange menu text color by accessing the following CSS codes in your style.css file

    #nav li a:hover, #nav li a:active, #subnav li a:hover, #subnav li a:active {
    	background: #FFFFFF;
    	color: #E74914;
    	}
    
    

    You can chage the ( E74914 ) text color to any color of your choice. You might have to alter other colors from your menu to make everything visible.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    November 9, 2013 at 8:02 am #71863
    PascalPavan25
    Member

    I have changed my css to:
    #nav li a:hover, #nav li a:active, #subnav li a:hover, #subnav li a:active {
    background: #FFFFFF;
    color: #FFFFFF;
    }

    But nothig is changed on the menu!

    November 9, 2013 at 9:42 am #71870
    RobG
    Member

    What part of your menu actually are you trying to change?


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    November 9, 2013 at 10:45 am #71873
    PascalPavan25
    Member

    Hi see the image below!

    Thanks

    http://uptiki.altervista.org/viewer.php?file=vsxmj7zvrzdsjsb9ql9.png

    November 9, 2013 at 12:21 pm #71884
    RobG
    Member

    Ok try to locate this section of your style.css file and look for the following code below

    #nav li a, #subnav li a {
    	background: url(images/navline.png) center left no-repeat;
    	color: #000000;
    	display: block;
    	font-size: 12px;
        margin: 0;
    	text-decoration: none;
    	position: relative;
    	}
    
    

    Change the ( color: #000000; ) to color: #ffffff; and your menu text should display correctly.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    November 9, 2013 at 3:37 pm #71898
    RobG
    Member

    Your very welcome I see you got it all sorted out.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

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