• 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

looking for css code to change colors.

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 › looking for css code to change colors.

This topic is: not resolved
  • This topic has 5 replies, 3 voices, and was last updated 9 years ago by PyramidWeb.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 16, 2017 at 11:03 am #209179
    bobferguson
    Member

    I am trying to change the color of Education Pro theme. I have the following working. I am still looking for how to color the copyright text. As well as the menu bar and color of menu text and the sub menu color. Also looking to change the color of the contents area.

    Your time is appreciated
    Bob
    /*
    You can add your own CSS here.

    Click the help icon above to learn more.
    */
    /* Blocks display of page title */
    .entry-header {
    display: none;
    }
    /* Color title */
    .site-title {
    background-color:#f2e571 ;
    }
    /* Color footer Must be default color scheme */
    .site-footer {
    background-color:#f2e571 ;
    }
    /* Color header */
    .site-header {
    background-color:#f2e571 ;
    }

    July 16, 2017 at 11:26 am #209180
    Victor Font
    Moderator

    The best way to see what needs to change is to use your browser's inspection tool. Right click on the element you want to change and inspect it. You will see the CSS that affects the element. You can also experiment and change it non destructively until you get it right, then copy and paste you changes into your style sheet. https://victorfont.com/how-to-use-your-browsers-inspect-tool/


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    July 16, 2017 at 3:35 pm #209191
    bobferguson
    Member

    I have tried to inspect but it is mostly Greek to me. But a will research more.
    I have found the blue scheme in style.css and changed all my colors. So good.
    But how do I change the menu text color and the copyright text color.
    I have however found
    .entry-content {
    background-color:#f2e571 ;
    }
    Which colours the page content but It leaves a white border around the coloured text. How do I get rid of it?

    I have spend a lot of time on this but I am almost there.

    Your time on this matter is greatly appreciated.
    Bob

    July 19, 2017 at 5:02 pm #209310
    PyramidWeb
    Member

    Link to your site, please.

    July 19, 2017 at 5:58 pm #209323
    bobferguson
    Member

    It is running on my localhost server. Sorry, I have all the colors now except the menu text is still white. I have the footer copyright in black now. But menu text and the sub menu selection colors still a mystery to me.

    July 19, 2017 at 6:49 pm #209324
    PyramidWeb
    Member

    I'm not sure what colors you would like to change.

    If you want to change the color of the menu with the blue background (text "Twitter, Facebook, ..." in the demo https://my.studiopress.com/themes/education/#demo-full), add to your css:

    .genesis-nav-menu li a {
        color: #f00;
    }
    

    The blue color of the background can be changed in

    .nav-primary {
        background-color: #34678a;
        color: #fff;
    }
    

    Note that changing the color of the text (default is white #fff) has no effect.

    This menu has no sub-menu in the demo, so I can't see the colors of the sub-menu. The other menu ("Sample, Layouts ...") in the demo has a sub-menu but the text is not white, so I guess this is not the one you would like to change.

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

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