• 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

Executive Pro demo adding a color style issue

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 › Executive Pro demo adding a color style issue

This topic is: resolved

Tagged: Executive Pro color style, Executive Pro demo, Executive Pro theme color style

  • This topic has 1 reply, 2 voices, and was last updated 9 years, 2 months ago by Susan.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 23, 2016 at 8:39 pm #196539
    jdenning
    Participant

    I have created a demo version of Excutive Pro using the demo executive-pro.xml on a fresh install at WP-Engine. I have been trying to add my own additional theme color style aka color scheme. I have done this before on other sites when just using this child theme itself and have been able to do this but not on the demo. When I add my list of color style css components in style.css and add the necessary line in functions.php I see my style in the drop down box but when selected I just get the default light blue. Other standard theme color styles work (e.g. executive-pro-brown). Anybody have any ideas?
    functions.php
    //* Add support for additional color style options
    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-teal' => __( 'Executive Pro Teal', 'executive' ),
    'executive-pro-custom' => __( 'Executive Pro Custom', 'executive' ),
    ) );
    style.css
    /* Executive Pro Custom --------------------------------------------- */
    .executive-pro-custom a,
    .executive-pro-custom .entry-title a:hover,
    .executive-pro-custom .footer-widgets .entry-title a:hover {
    color: #a68064;
    }

    .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: #a68064;
    }

    .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: #b2886b;
    }

    December 28, 2016 at 8:58 am #198334
    Susan
    Moderator

    I am closing this, as you have marked it resolved. If you are still having issues, please go ahead and start a new thread.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Executive Pro demo adding a color style issue’ is closed to new 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