Skip to content

Instantly share code, notes, and snippets.

@jamiemarsland
jamiemarsland / gist:5a4bd9641244b809c4a0
Created February 18, 2015 05:33
WooThemes Storefront change color of horizontal lines on homepage
.page-template-template-homepage .hentry .entry-header,
.page-template-template-homepage .hentry,
.page-template-template-homepage .storefront-product-section {
border-color: red;
}
@jamiemarsland
jamiemarsland / gist:cb8a7289bb971ad9ccdb
Created February 18, 2015 05:39
How to customize to WooThemes Storefront Sale Button
.onsale {
background-color: #FFFFFF;
border-color: #FF0000;
color: #FF0000;
}
@jamiemarsland
jamiemarsland / gist:e9909953b13ddd693cc1
Created February 18, 2015 05:41
Move the Storefront sale badge below the product picture
ul.products li.product .onsale {
position: absolute;
top: 137px;
right: 62px;
}
@jamiemarsland
jamiemarsland / gist:eae952d241ea165f242f
Last active August 29, 2015 14:15
Style Storefront Widgets
.widget-area .widget {
color: red;
font-size: 1em;
}
<button class="menu-toggle"><?php _e( 'Primary Menu', 'storefront' ); ?></button>
.ppb-full-width-row.full-width-content {
padding: 0 !important;
}
@jamiemarsland
jamiemarsland / gist:ee5b8eb0aca2f948dabe
Created February 18, 2015 05:43
How to Change the logo, secondary navigation and search bar size for WooThemes Storefont
@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 March 22, 2017 09:32
Fix for Post title not showing over featured image with Pootle Pagebuilder - add the following css to fix the issue
.full-image .ppb-post .ppb-blog-content {
z-index: 11;
}
@jamiemarsland
jamiemarsland / gist:c82f1489ce572d614cf206deb87f854a
Last active March 29, 2017 07:19
Add a read more link to the excerpt in blog posts when using pootle pagebuilder pro
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 March 30, 2017 13:03
How to add links to colored tiles in Pootle Pagebuilder
<a href="http://example.com" class="fill-parent-link">.</a>