• 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

Changing Outreach Green Header Colour

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 › General Discussion › Changing Outreach Green Header Colour

This topic is: not resolved
  • This topic has 7 replies, 3 voices, and was last updated 10 years, 2 months ago by Doug.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 23, 2014 at 2:45 pm #96252
    jonedwards80
    Member

    Is it possible to change the Outreach green header colour to white? I cannot see anywhere where i can do this.

    March 23, 2014 at 5:43 pm #96274
    eamonmoriarty
    Participant

    At line 969 of style.css you have:

    .site-header {
        background-color: #589B37;
        color: #FFFFFF;
        min-height: 110px;
    }

    Change the background-color to #fff;
    Of course you will also have to change color: #FFFFFF; to another color.


    Eamon Moriarty
    EM Dzine

    March 23, 2014 at 10:45 pm #96324
    jonedwards80
    Member

    Thank you for that, I will have a play.

    Is there an easy way for the line numbers (ie 969) to be displayed? I cannot see where this can be done.

    March 24, 2014 at 8:10 am #96402
    eamonmoriarty
    Participant

    Is there an easy way for the line numbers (ie 969) to be displayed? I cannot see where this can be done.
    Install a plugin called Advanced Code Editor. It will replace the standard WP editor and display line numbers in the files.


    Eamon Moriarty
    EM Dzine

    March 24, 2014 at 3:50 pm #96487
    jonedwards80
    Member

    Thank you Eamon, that was very helpful. One last thing and I am there...

    I changed the background easily enough but cannot seem to work out how to change the other menu colours to make them visible: http://karmafitness.com.au/wp/

    I had a look around the coding for the navigation menu and I changed the odd colour here and there,. but couldnt find the one I wanted to change... the font colour. I really just want the text colour to be black in the navigation bar, then I am good. I had a hunt around and couldn't find the right coding to change.

    March 25, 2014 at 4:59 pm #96660
    eamonmoriarty
    Participant

    Change line 1084 to

    .genesis-nav-menu, .genesis-nav-menu a {
        color: #1A4298 !important;
    }

    This will give you blue. If you want black use #000000
    Unfortunately this will leave your text on your rollovers either blue or black. You may want to change that to white.
    You may be able to achieve that by adding !important after color: #FFFFFF; at line 1099
    thus:

    .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu a:hover, .genesis-nav-menu li:hover > a {
        background-color: #1A4298;
        color: #FFFFFF !important;
    }

    I hope that works!


    Eamon Moriarty
    EM Dzine

    March 26, 2014 at 4:27 am #96697
    jonedwards80
    Member

    Thank you so much for your help! Its exactly how I wanted it, i really appreciate it.

    Cheers
    Jonathan

    April 5, 2015 at 8:38 am #146732
    Doug
    Participant

    Thank you this is perfect what I was looking for.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘General Discussion’ 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