Skip to content

Instantly share code, notes, and snippets.

@jamiemarsland
jamiemarsland / gist:cb8a7289bb971ad9ccdb
Created Feb 18, 2015
How to customize to WooThemes Storefront Sale Button
View gist:cb8a7289bb971ad9ccdb
.onsale {
background-color: #FFFFFF;
border-color: #FF0000;
color: #FF0000;
}
@jamiemarsland
jamiemarsland / gist:e9909953b13ddd693cc1
Created Feb 18, 2015
Move the Storefront sale badge below the product picture
View gist:e9909953b13ddd693cc1
ul.products li.product .onsale {
position: absolute;
top: 137px;
right: 62px;
}
@jamiemarsland
jamiemarsland / gist:5a4bd9641244b809c4a0
Created Feb 18, 2015
WooThemes Storefront change color of horizontal lines on homepage
View gist:5a4bd9641244b809c4a0
.page-template-template-homepage .hentry .entry-header,
.page-template-template-homepage .hentry,
.page-template-template-homepage .storefront-product-section {
border-color: red;
}
View gist:bf8e270882fd96098d44
<button class="menu-toggle"><?php _e( 'Primary Menu', 'storefront' ); ?></button>
@jamiemarsland
jamiemarsland / gist:eae952d241ea165f242f
Last active Aug 29, 2015
Style Storefront Widgets
View gist:eae952d241ea165f242f
.widget-area .widget {
color: red;
font-size: 1em;
}
View metaslider fix
.ppb-full-width-row.full-width-content {
padding: 0 !important;
}
@jamiemarsland
jamiemarsland / gist:ee5b8eb0aca2f948dabe
Created Feb 18, 2015
How to Change the logo, secondary navigation and search bar size for WooThemes Storefont
View gist:ee5b8eb0aca2f948dabe
@media screen and (min-width: 768px) {
/* LOGO */
.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link { width: 30% !important; /* Use px values if you want, eg. 350px */ }
/* SECONDARY NAVIGATION */
.site-header .secondary-navigation { width: 40% !important; /* Use px values if you want, eg. 350px */ }
/* SEARCH BAR */
.site-header .site-search { width: 30% !important; /* Use px values if you want, eg. 350px */ }
}
@jamiemarsland
jamiemarsland / gist:3a13aca923f760954b075ea74684041d
Last active Mar 22, 2017
Fix for Post title not showing over featured image with Pootle Pagebuilder - add the following css to fix the issue
View gist:3a13aca923f760954b075ea74684041d
.full-image .ppb-post .ppb-blog-content {
z-index: 11;
}
@jamiemarsland
jamiemarsland / gist:c82f1489ce572d614cf206deb87f854a
Last active Mar 29, 2017
Add a read more link to the excerpt in blog posts when using pootle pagebuilder pro
View gist:c82f1489ce572d614cf206deb87f854a
add_filter( 'get_the_excerpt', function( $excerpt ) {
return
substr( $excerpt, 0, 230 ) .
' <a class="more" href="' . get_the_permalink() . '">More</a>';
}, 9999 );
@jamiemarsland
jamiemarsland / gist:c7bcec002f3dc440a3a2628f91b294b3
Created Mar 30, 2017
How to add links to colored tiles in Pootle Pagebuilder
View gist:c7bcec002f3dc440a3a2628f91b294b3
<a href="http://example.com" class="fill-parent-link">.</a>