Skip to content

Instantly share code, notes, and snippets.

Avatar

Brian Gardner bgardner

View GitHub Profile
@bgardner
bgardner / sample.css
Created Sep 24, 2018
Sample CSS used to style custom font sizes for sites using the Genesis Framework.
View sample.css
.entry-content p.has-larger-font-size {
font-size: 24px;
}
@bgardner
bgardner / functions.php
Created Sep 24, 2018
Adds support for editor font sizes for sites using the Genesis Framework.
View functions.php
<?php
// Do NOT include the opening php tag.
// Adds support for editor font sizes.
add_theme_support( 'editor-font-sizes', array(
array(
'name' => __( 'small', 'genesis-sample' ),
'shortName' => __( 'S', 'genesis-sample' ),
'size' => 12,
'slug' => 'small'
@bgardner
bgardner / style.css
Created Mar 30, 2018
CSS used to create a boxshadow around paragraph text using the Gutenberg editor for WordPress.
View style.css
.entry-content p.has-background.boxshadow {
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
@bgardner
bgardner / style.css
Last active Mar 30, 2018
CSS used to customize dark background text in Gutenberg editor for WordPress.
View style.css
.entry-content p.has-background.white-text a {
color: #fff;
text-decoration: underline;
}
@bgardner
bgardner / functions.php
Last active Apr 9, 2019
Disables custom colors in block color palette in the editor for sites using the Genesis Framework.
View functions.php
<?php
// Do NOT include the opening php tag.
// Disables custom colors in block color palette.
add_theme_support( 'disable-custom-colors' );
@bgardner
bgardner / functions.php
Last active May 3, 2019
Adds support for editor color palette for sites using the Genesis Framework.
View functions.php
<?php
// Do NOT include the opening php tag.
// Adds support for editor color palette.
add_theme_support( 'editor-color-palette', array(
array(
'name' => __( 'Light gray', 'genesis-sample' ),
'slug' => 'light-gray',
'color' => '#f5f5f5',
),
@bgardner
bgardner / sample.html
Created Sep 6, 2016
HTML used for custom footer on Twenty Seven Pro theme.
View sample.html
<div class="footer-left"><p>© Twenty Seven Pro, 2016 &middot; Design by <a href="http://briangardner.com/">Brian Gardner</a></p></div>
<div class="footer-logo"><a href="http://themedemo.me/twenty-seven/"><img class="logo-footer" src="http://themedemo.me/new/wp-content/uploads/sites/59/2016/08/footer-logo.png" alt="Footer Logo" /></a></div>
<div class="footer-right"><p><a href="#">Facebook</a> <span class="slash">/</span> <a href="#">Instagram</a> <span class="slash">/</span> <a href="#">Pinterest</a> <span class="slash">/</span> <a href="#">Twitter</a></p></div>
@bgardner
bgardner / style.css
Created Aug 1, 2016
CSS used for Instagram feed.
View style.css
/* Instagram
---------------------------------------------------------------------------------------------------- */
.instagram {
overflow: hidden;
}
.instagram .wrap {
border-top: 1px solid #eee;
margin-left: auto;
@bgardner
bgardner / functions.php
Last active Dec 6, 2017
Hook widget area for Instagram feed before footer.
View functions.php
<?php
// Do NOT include the opening php tag.
// Add Instagram widget before footer.
add_action( 'genesis_before_footer', 'instagram_feed_widget' );
function instagram_feed_widget() {
genesis_widget_area( 'instagram', array(
'before' => '<div class="instagram"><div class="wrap">',
'after' => '</div></div>',
@bgardner
bgardner / functions.php
Last active Aug 11, 2017
Register widget area for Instagram feed.
View functions.php
<?php
// Do NOT include the opening php tag.
// Register Instagram widget area.
genesis_register_sidebar( array(
'id' => 'instagram',
'name' => __( 'Instagram', 'theme-name' ),
'description' => __( 'This is the instagram widget area.', 'theme-name' ),
) );
You can’t perform that action at this time.