• 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

Centric Header / Menu 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 › General Discussion › Centric Header / Menu Colors

This topic is: not resolved
  • This topic has 4 replies, 2 voices, and was last updated 6 years, 4 months ago by defree99.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 18, 2016 at 2:53 pm #196338
    defree99
    Participant

    I keep fiddling with the CSS settings with no luck.

    I'm using the Centric Pro theme (Red Theme Color Option) here:

    http://tinyurl.com/gtq7se3

    And I'm simply trying to :

    1) Change the header background color to white.

    2) Then, change the menu text color to black

    Any help would be greatly appreciated.

    Screenshot

    November 19, 2016 at 7:55 am #196358
    Victor Font
    Moderator

    For the header, add a new css block someplace after the code at line 2149 in style.css:

    .centric-pro-red .site-header {
        background-color: #fff;
        color: #000;
    }

    For the menu, change the color to #000 for .site-header .widget-area a, .site-header .widget-area a:hover at line 1211.


    Regards,

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

    November 19, 2016 at 10:39 am #196364
    defree99
    Participant

    Thanks,

    but my main menu buttons are still white (invisible).

    If I hover of them, you can see the dropdowns appear.

    How can I get the main menu items to have black text?

    November 19, 2016 at 11:48 am #196365
    Victor Font
    Moderator

    Did you see the last line where I told you where to change the text to black?


    Regards,

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

    November 19, 2016 at 10:05 pm #196382
    defree99
    Participant

    Woops. Missed that part.

    Now it works perfectly.

    Thanks!

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

© 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