Skip to content

Instantly share code, notes, and snippets.


View GitHub Profile
jamiemarsland / gist:235dbde69d694c8ec81c097867ca138a
Created Jun 1, 2020
Remove storefront header but keep the menu
View gist:235dbde69d694c8ec81c097867ca138a
#masthead > .col-full,
#masthead .site-header-cart {
display: none;
View gist:202ffb3019359816c8e4f28f4e460ac0
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
/*** Hide Sidebar ***/
#sidebar {display:none;}
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
width: 100%;
jamiemarsland / gist:fb804a1410728cf143bfafcd1756658f
Created May 13, 2019
Remove WooCommerce Storefront feature image from posts
View gist:fb804a1410728cf143bfafcd1756658f
remove_action( 'storefront_post_content_before', 'storefront_post_thumbnail', 10 );
jamiemarsland / gist:cd99b279ce10c2b891ab2c5c56c71158
Created Mar 18, 2019
Remove underlines from Storefront hyperlinks
View gist:cd99b279ce10c2b891ab2c5c56c71158
a {
text-decoration: none !important;
jamiemarsland / gist:382746e74a7299ce21f4286a81d14590
Created Nov 10, 2018
How to show breadcrumbs when using WooBuilder
View gist:382746e74a7299ce21f4286a81d14590
.storefront-pro-active.single-product .storefront-breadcrumb {
display: block;
jamiemarsland / gist:9efc01a21934977830d62d5054e4845e
Created Sep 27, 2018
To add back the normal wordpress admin toolbar for users
View gist:9efc01a21934977830d62d5054e4845e
function disable_wpcomtoolbar ( $modules ) {
if ( isset( $modules['masterbar'] ) ) {
unset( $modules['masterbar'] );
return $modules;
add_filter( 'jetpack_get_available_modules', 'disable_wpcomtoolbar' );
View gist:34550d5cd7f1e3e02b02360fbf48d772
.home #page > nav.secondary-navigation ~ .header-hero,
.home #page .header-hero .storefront-pro-flexslider .slides li .slide-img {
min-height: 75vw !important;
jamiemarsland / gist:3a4ea0e9a2dc6ac1cf1cf31539d1a90e
Created May 13, 2018
remove Storefront mobile navigation words so you just have the icon
View gist:3a4ea0e9a2dc6ac1cf1cf31539d1a90e
.menu-toggle span {
font-size: 0;
jamiemarsland / gist:acc1f830780e2089c51448f3568f36f9
Created May 9, 2018
How to add extra style to Storefront Pro slider buttons
View gist:acc1f830780e2089c51448f3568f36f9
#header-hero-slider-wrap .button {
color: #fff;
background: rgba(0, 0, 0, 0.0);
border: 1px solid;
border-radius: 10px;
font-size: 20px;
jamiemarsland / gist:6dee0e188f88750d7c41f691e77facea
Created May 9, 2018
How to align and style text and buttons in the new Storefront Pro slider
View gist:6dee0e188f88750d7c41f691e77facea
#header-hero-slider .slides .flex-caption {
color: #fff; /*Change color here*/
text-shadow: .2em .05em .1em rgba(0,0,0,0.8); /*Perhaps use some text shadow to improve readability..?*/
text-align: left;/*Set left/right alignment*/
You can’t perform that action at this time.