How to Create Color Style Options // Genesis Framework

Create color style options for your site using the Genesis Framework:

<?php // Create color style options add_theme_support( 'genesis-style-selector', array( 'theme-blue' => __( 'Blue', 'custom-theme-text-domain' ), 'theme-green' => __( 'Green', 'custom-theme-text-domain' ), 'theme-orange' => __( 'Orange', 'custom-theme-text-domain' ), 'theme-red' => __( 'Red', 'custom-theme-text-domain' ) ) );/* Theme Blue ---------------------------------------------------------------------- */ .theme-blue a, .theme-blue a:visited { color: #0d72c7; }

In addition to the default color style, the code above will generate a “Color Style” metabox on the Genesis > Theme Settings page in your dashboard.

In that metabox you will see the following options in the dropdown menu: “Default, Blue, Green, Orange and Red.”

If the “Blue” color style option is selected, the .theme-blue body class will be applied and can be used to target CSS that is specific to the blue color style.

BG

Est. 1974

Create Color Style Options