• 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 Pro theme, remove colour options

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 › Centric Pro theme, remove colour options

This topic is: not resolved

Tagged: Centric pro theme, Colors, colour, Genesis Extender

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 10 months ago by WvanW.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 21, 2014 at 9:54 am #132398
    WvanW
    Member

    Hello,

    I would like to know how I can remove the colour options in the Centric pro theme, since I am using the genesis extender plugin to customize the theme. The colour wraps multiple widget areas of the widgetized home page but I would like to set all these colours myself.

    Thanks in advance!

    Kind regards,

    Walter

    November 23, 2014 at 12:47 am #132565
    Davinder Singh Kainth
    Member

    Backup before making changes.

    1. Remove following code from functions.php file

    //* Add support for additional color style options
    add_theme_support( 'genesis-style-selector', array(
    	'centric-pro-charcoal' => __( 'Centric Charcoal', 'centric' ),
    	'centric-pro-green'    => __( 'Centric Green', 'centric' ),
    	'centric-pro-orange'   => __( 'Centric Orange', 'centric' ),
    	'centric-pro-purple'   => __( 'Centric Purple', 'centric' ),
    	'centric-pro-red'      => __( 'Centric Red', 'centric' ),
    	'centric-pro-yellow'   => __( 'Centric Yellow', 'centric' ),
    ) );

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

    November 23, 2014 at 12:48 am #132566
    Davinder Singh Kainth
    Member

    2. Remove following code from style.css file and you should be good to go.

    /*
    Theme Colors
    ---------------------------------------------------------------------------------------------------- */
    
    /* Centric Charcoal
    --------------------------------------------- */
    
    .centric-pro-charcoal .genesis-nav-menu .sub-menu,
    .centric-pro-charcoal {
    	background-color: #656d78;
    }
    
    .centric-pro-charcoal .entry-title a:hover,
    .centric-pro-charcoal .footer-widgets .featured-content .entry-title a:hover,
    .centric-pro-charcoal a,
    .charcoal {
    	color: #656d78;
    }
    
    .centric-pro-charcoal .button,
    .centric-pro-charcoal .footer-widgets a:hover,
    .centric-pro-charcoal .site-footer a:hover {
    	color: #fff;
    }
    
    .centric-pro-charcoal a:hover {
    	color: #2e2f33;
    }
    
    .centric-pro-charcoal .footer-widgets a,
    .centric-pro-charcoal .site-footer a {
    	color: #959595;
    }
    
    .centric-pro-charcoal .archive-pagination .active a,
    .centric-pro-charcoal .archive-pagination li a:hover,
    .centric-pro-charcoal .button:hover,
    .centric-pro-charcoal .home-widgets .more-link:hover,
    .centric-pro-charcoal .site-header,
    .centric-pro-charcoal button:hover,
    .centric-pro-charcoal input:hover[type="button"],
    .centric-pro-charcoal input:hover[type="reset"],
    .centric-pro-charcoal input:hover[type="submit"] {
    	background-color: #656d78;
    	color: #fff;
    }
    
    /* Centric Green
    --------------------------------------------- */
    
    .centric-pro-green .genesis-nav-menu .sub-menu,
    .centric-pro-green {
    	background-color: #37bc9b;
    }
    
    .centric-pro-green .entry-title a:hover,
    .centric-pro-green .footer-widgets .featured-content .entry-title a:hover,
    .centric-pro-green a,
    .green {
    	color: #37bc9b;
    }
    
    .centric-pro-green .button,
    .centric-pro-green .footer-widgets a:hover,
    .centric-pro-green .site-footer a:hover {
    	color: #fff;
    }
    
    .centric-pro-green a:hover {
    	color: #2e2f33;
    }
    
    .centric-pro-green .footer-widgets a,
    .centric-pro-green .site-footer a {
    	color: #959595;
    }
    
    .centric-pro-green .archive-pagination .active a,
    .centric-pro-green .archive-pagination li a:hover,
    .centric-pro-green .button:hover,
    .centric-pro-green .home-widgets .more-link:hover,
    .centric-pro-green .site-header,
    .centric-pro-green button:hover,
    .centric-pro-green input:hover[type="button"],
    .centric-pro-green input:hover[type="reset"],
    .centric-pro-green input:hover[type="submit"] {
    	background-color: #37bc9b;
    	color: #fff;
    }
    
    /* Centric Orange
    --------------------------------------------- */
    
    .centric-pro-orange .genesis-nav-menu .sub-menu,
    .centric-pro-orange {
    	background-color: #e9573f;
    }
    
    .centric-pro-orange .entry-title a:hover,
    .centric-pro-orange .footer-widgets .featured-content .entry-title a:hover,
    .centric-pro-orange a,
    .orange {
    	color: #e9573f;
    }
    
    .centric-pro-orange .button,
    .centric-pro-orange .footer-widgets a:hover,
    .centric-pro-orange .site-footer a:hover {
    	color: #fff;
    }
    
    .centric-pro-orange a:hover {
    	color: #2e2f33;
    }
    
    .centric-pro-orange .footer-widgets a,
    .centric-pro-orange .site-footer a {
    	color: #959595;
    }
    
    .centric-pro-orange .archive-pagination .active a,
    .centric-pro-orange .archive-pagination li a:hover,
    .centric-pro-orange .button:hover,
    .centric-pro-orange .home-widgets .more-link:hover,
    .centric-pro-orange .site-header,
    .centric-pro-orange button:hover,
    .centric-pro-orange input:hover[type="button"],
    .centric-pro-orange input:hover[type="reset"],
    .centric-pro-orange input:hover[type="submit"] {
    	background-color: #e9573f;
    	color: #fff;
    }
    
    /* Centric Purple
    --------------------------------------------- */
    
    .centric-pro-purple .genesis-nav-menu .sub-menu,
    .centric-pro-purple {
    	background-color: #987197;
    }
    
    .centric-pro-purple .entry-title a:hover,
    .centric-pro-purple .footer-widgets .featured-content .entry-title a:hover,
    .centric-pro-purple a,
    .purple {
    	color: #987197;
    }
    
    .centric-pro-purple .button,
    .centric-pro-purple .footer-widgets a:hover,
    .centric-pro-purple .site-footer a:hover {
    	color: #fff;
    }
    
    .centric-pro-purple a:hover {
    	color: #2e2f33;
    }
    
    .centric-pro-purple .footer-widgets a,
    .centric-pro-purple .site-footer a {
    	color: #959595;
    }
    
    .centric-pro-purple .archive-pagination .active a,
    .centric-pro-purple .archive-pagination li a:hover,
    .centric-pro-purple .button:hover,
    .centric-pro-purple .home-widgets .more-link:hover,
    .centric-pro-purple .site-header,
    .centric-pro-purple button:hover,
    .centric-pro-purple input:hover[type="button"],
    .centric-pro-purple input:hover[type="reset"],
    .centric-pro-purple input:hover[type="submit"] {
    	background-color: #987197;
    	color: #fff;
    }
    
    /* Centric Red
    --------------------------------------------- */
    
    .centric-pro-red .genesis-nav-menu .sub-menu,
    .centric-pro-red {
    	background-color: #e14d43;
    }
    
    .centric-pro-red .entry-title a:hover,
    .centric-pro-red .footer-widgets .featured-content .entry-title a:hover,
    .centric-pro-red a,
    .red {
    	color: #e14d43;
    }
    
    .centric-pro-red .button,
    .centric-pro-red .footer-widgets a:hover,
    .centric-pro-red .site-footer a:hover {
    	color: #fff;
    }
    
    .centric-pro-red a:hover {
    	color: #2e2f33;
    }
    
    .centric-pro-red .footer-widgets a,
    .centric-pro-red .site-footer a {
    	color: #959595;
    }
    
    .centric-pro-red .archive-pagination .active a,
    .centric-pro-red .archive-pagination li a:hover,
    .centric-pro-red .button:hover,
    .centric-pro-red .home-widgets .more-link:hover,
    .centric-pro-red .site-header,
    .centric-pro-red button:hover,
    .centric-pro-red input:hover[type="button"],
    .centric-pro-red input:hover[type="reset"],
    .centric-pro-red input:hover[type="submit"] {
    	background-color: #e14d43;
    	color: #fff;
    }
    
    /* Centric Yellow
    --------------------------------------------- */
    
    .centric-pro-yellow .genesis-nav-menu .sub-menu,
    .centric-pro-yellow {
    	background-color: #f6bb42;
    }
    
    .centric-pro-yellow .entry-title a:hover,
    .centric-pro-yellow .footer-widgets .featured-content .entry-title a:hover,
    .centric-pro-yellow a,
    .yellow {
    	color: #f6bb42;
    }
    
    .centric-pro-yellow .button,
    .centric-pro-yellow .footer-widgets a:hover,
    .centric-pro-yellow .site-footer a:hover {
    	color: #fff;
    }
    
    .centric-pro-yellow a:hover {
    	color: #2e2f33;
    }
    
    .centric-pro-yellow .footer-widgets a,
    .centric-pro-yellow .site-footer a {
    	color: #959595;
    }
    
    .centric-pro-yellow .archive-pagination .active a,
    .centric-pro-yellow .archive-pagination li a:hover,
    .centric-pro-yellow .button:hover,
    .centric-pro-yellow .home-widgets .more-link:hover,
    .centric-pro-yellow .site-header,
    .centric-pro-yellow button:hover,
    .centric-pro-yellow input:hover[type="button"],
    .centric-pro-yellow input:hover[type="reset"],
    .centric-pro-yellow input:hover[type="submit"] {
    	background-color: #f6bb42;
    	color: #fff;
    }
    

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

    November 23, 2014 at 8:06 am #132572
    WvanW
    Member

    Wow! Thank you very much!

    Would like to enable the secondary navigation in the centric pro theme.
    No primary navigation is selected. Used a custom menu widget in the header right widget area.

    Would like to have a secondary sticky navigation below or in the header. I want this secondary navigation to only appear on the homepage and above the slider.
    Anyone knows how to fix this? Or how to make a new menu and style it?

    All I could find was this: //* Unregister secondary navigation menu
    add_theme_support( 'genesis-menus', array( 'primary' => __( 'Primary Navigation Menu', 'centric' ) ) );

  • First menu in the header is the custom menu widget into the Header right widget area
    Second menu is a custom menu widget into a widget I created with extender, no idea how to properly style this element/menu
    Third menu is a menu selected as primary navigation menu
    Fourth menu I commented out the piece of code in the functions.php and than selected as secondary navigation menu
  • The result I would like to have. Is http://www.productprovider.nl/sample-table/

    Would like to have the menu in the same style as the third menu (menu selected as primary navigation) is right now. But I want it only to show on the homepage and above the slider but below or inside the header.

    Hopefully someone can help me out here. Thanks!

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