• 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

Love Executive; don't like the theme 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 › Love Executive; don't like the theme colors

This topic is: not resolved

Tagged: executive pro

  • This topic has 4 replies, 2 voices, and was last updated 10 years ago by toddlohenry.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 2, 2015 at 1:48 pm #158211
    toddlohenry
    Member

    How can I create my own theme color packages or at the very least be able to edit all the color hex values in one place instead of having to hunt them down?

    http://toddlohenry.com
    July 2, 2015 at 2:05 pm #158213
    Brad Dalton
    Participant

    Which classes did you want to target?

    You can add a custom colour using PHP and CSS

    add_theme_support( 'genesis-style-selector', array(
    	'executive-pro-brown'  => __( 'Executive Pro Brown', 'executive' ),
    	'executive-pro-green'  => __( 'Executive Pro Green', 'executive' ),
    	'executive-pro-orange' => __( 'Executive Pro Orange', 'executive' ),
    	'executive-pro-purple' => __( 'Executive Pro Purple', 'executive' ),
    	'executive-pro-red'    => __( 'Executive Pro Red', 'executive' ),
    	'executive-pro-custom'   => __( 'Executive Pro Custom', 'executive' ),
    ) );
    

    And CSS example:

    /* Executive Pro Custom
    --------------------------------------------- */
    
    .executive-pro-custom a,
    .executive-pro-custom .entry-title a:hover,
    .executive-pro-custom .footer-widgets .entry-title a:hover {
    	color: #60cd69;
    }
    
    .executive-pro-custom .genesis-nav-menu a {
    	color: #666;
    }
    
    .executive-pro-custom .entry-title a,
    .executive-pro-custom .site-title a,
    .executive-pro-custom .site-title a:hover,
    .executive-pro-custom .site-footer a {
    	color: #222;
    }
    
    .executive-pro-custom .content .entry-header .entry-meta .entry-comments-link a,
    .executive-pro-custom .footer-widgets .entry-title a,
    .executive-pro-custom .genesis-nav-menu .current-menu-item > a,
    .executive-pro-custom .genesis-nav-menu a:active,
    .executive-pro-custom a.button {
    	color: #fff;
    }
    
    .executive-pro-custom .comment-header .comment-meta a,
    .executive-pro-custom .comment-metadata a {
    	color: #bbb;
    }
    
    .executive-pro-custom .enews-widget input[type="submit"],
    .executive-pro-custom .content .entry-header .entry-meta .entry-comments-link,
    .executive-pro-custom .genesis-nav-menu .current-menu-item > a,
    .executive-pro-custom .archive-pagination li a,
    .executive-pro-custom a.button,
    .executive-pro-custom button,
    .executive-pro-custom input[type="button"],
    .executive-pro-custom input[type="reset"],
    .executive-pro-custom input[type="submit"] {
    	background-color: #60cd69;
    }
    
    .executive-pro-custom .archive-pagination li a:hover,
    .executive-pro-custom .archive-pagination li.active a,
    .executive-pro-custom a:hover.button,
    .executive-pro-custom button:hover,
    .executive-pro-custom input:hover[type="button"],
    .executive-pro-custom input:hover[type="reset"],
    .executive-pro-custom input:hover[type="submit"] {
    	background-color: #66d970;
    }
    

    Tutorials for StudioPress Themes.

    July 2, 2015 at 2:10 pm #158214
    toddlohenry
    Member

    Thanks, Brad. Where would I make these edits? In what file?

    July 2, 2015 at 2:24 pm #158215
    Brad Dalton
    Participant

    More info here http://wpsites.net/web-design/change-color-theme-genesis/


    Tutorials for StudioPress Themes.

    July 2, 2015 at 2:32 pm #158217
    toddlohenry
    Member

    Thanks, Brad...

  • 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

© 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