Skip to content

Instantly share code, notes, and snippets.

@cre8tivediva

cre8tivediva/functions.php

Last active Sep 19, 2017
Embed
What would you like to do?
Add Color Selector and New Color to Maker Pro Child Theme
//* Add support for additional color style options
add_theme_support( 'genesis-style-selector', array(
'maker-dark' => __( 'Maker Dark', 'maker' ),
'maker-medium' => __( 'Maker Medium', 'maker' ),
) );
/* # Additional CSS for SPS
---------------------------------------------------------------------------------------------------- */
.soliloquy-container .soliloquy-prev,
.soliloquy-container .soliloquy-next {
display: none !important;
}
.soliloquy-container .soliloquy-pager {
text-align: right !important;
}
/* # Vertical Pagination Buttons on the far right of the slider
---------------------------------------------------------------------------------------------------- */
.soliloquy-container .soliloquy-pager-link {
height: 20px !important;
}
.soliloquy-pager-link > span {
display: none;
}
.soliloquy-container .soliloquy-pager {
bottom: 50% !important;
display: table;
height: 14px;
margin: 0 auto;
position: absolute;
right: 10px;
text-align: center;
width: 1% !important;
}
.soliloquy-container, .soliloquy-container * {
line-height: 2px !important;
}
/*
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment