View style.css
.entry-content p.has-background.boxshadow {
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
View style.css
.entry-content p.has-background.white-text a {
color: #fff;
text-decoration: underline;
}
View functions.php
<?php
// Do NOT include the opening php tag.
// Disables custom colors in block color palette.
add_theme_support( 'disable-custom-colors' );
View functions.php
<?php
// Do NOT include the opening php tag.
// Adds support for editor color palette.
add_theme_support( 'editor-color-palette',
'#f5f5f5',
'#999999',
'#333333',
get_theme_mod( 'genesis_sample_link_color', genesis_sample_customizer_get_default_link_color() ),
get_theme_mod( 'genesis_sample_accent_color', genesis_sample_customizer_get_default_accent_color() )
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>
View style.css
/* Instagram
---------------------------------------------------------------------------------------------------- */
.instagram {
overflow: hidden;
}
.instagram .wrap {
border-top: 1px solid #eee;
margin-left: auto;
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>',
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' ),
) );
View style.css
/* Members
---------------------------------------------------------------------------------------------------- */
.members img {
vertical-align: top;
}
.member {
display: block;
float: left;
View members.html
<div class="member"><img src="http://gobrocation.com/images/brian-gardner.jpg" alt="Brian Gardner" /><span class="member-name"><a target="_blank" href="http://twitter.com/bgardner">Brian Gardner</a></span></div>
<div class="member"><img src="http://gobrocation.com/images/joshua-becker.jpg" alt="Joshua Becker" /><span class="member-name"><a target="_blank" href="http://twitter.com/joshua_becker">Joshua Becker</a></span></div>
<div class="member"><img src="http://gobrocation.com/images/darrell-vesterfelt.jpg" alt="Darrell Vesterfelt" /><span class="member-name"><a target="_blank" href="http://twitter.com/dvest">Darrell Vesterfelt</a></span></div>
<div class="member"><img src="http://gobrocation.com/images/john-shultz.jpg" alt="John Shultz" /><span class="member-name"><a target="_blank" href="http://twitter.com/jshltz">John Shultz</a></span></div>
<div class="member"><img src="http://gobrocation.com/images/marc-chernoff.jpg" alt="Marc Chernoff" /><span class="member-name"><a target="_blank" href="http://twitter.