GeckoGrafix
12/6/2017 - 11:38 PM

Site wide color changes

create different paletes for a genesis theme using "Color Palettes" This example is used on maker-pro

/*
Theme Colors
---------------------------------------------------------------------------------------------------- */

/* Maker Dark
--------------------------------------------- */

.maker-dark .site-container,
.maker-dark .site-footer,
.maker-dark .footer-widgets {
	background: #000;
}

.maker-dark body,
.maker-dark h2,
.maker-dark h1, 
.maker-dark h3, 
.maker-dark h4, 
.maker-dark h5,
.maker-dark h6,
.maker-dark .site-title a,
.maker-dark .textwidget > p,
.maker-dark .entry-content > p,
.maker-dark .textwidget,
.maker-dark .entry-title > a,
.maker-dark .author-box-content,
.maker-dark .genesis-nav-menu a,
.maker-dark .site-footer p,
.maker-dark blockquote,
.maker-dark .footer-widgets .enews-widget p,
.maker-dark .entry-content ul li,
.maker-dark .entry ul li,
.maker-dark .entry-content ol li,
.maker-dark .entry ol li,
.maker-dark .widget li.current-menu-item a,
.maker-dark .entry-meta,
.maker-dark .menu-toggle:before,
.maker-dark .nf-form-cont,
.maker-dark .site-footer {
    color: #fff;
}

/* Maker Medium
--------------------------------------------- */

.maker-medium .site-container,
.maker-medium .site-footer,
.maker-medium .footer-widgets {
	background: #f9f9f9;
}

.maker-medium body,
.maker-medium h2,
.maker-medium h1, 
.maker-medium h3, 
.maker-medium h4, 
.maker-medium h5,
.maker-medium h6,
.maker-medium .site-title a,
.maker-medium .textwidget > p,
.maker-medium .entry-content > p,
.maker-medium .textwidget,
.maker-medium .entry-title > a,
.maker-medium .author-box-content,
.maker-medium .genesis-nav-menu a,
.maker-medium .site-footer p,
.maker-medium blockquote,
.maker-medium .footer-widgets .enews-widget p,
.maker-medium .entry-content ul li,
.maker-medium .entry ul li,
.maker-medium .entry-content ol li,
.maker-medium .entry ol li,
.maker-medium .widget li.current-menu-item a,
.maker-medium .entry-meta,
.maker-medium .menu-toggle:before,
.maker-medium .nf-form-cont,
.maker-medium .site-footer {
    color: #12302e;
}
//* Add support for additional color style options
add_theme_support( 'genesis-style-selector', array(
	'maker-dark' => __( 'Maker Dark', 'maker' ),
	'maker-medium' => __( 'Maker Medium', 'maker' ),
) );