Skip to content

Instantly share code, notes, and snippets.

/*** 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
jamiemarsland / gist:fb804a1410728cf143bfafcd1756658f
Created May 13, 2019 09:39
Remove WooCommerce Storefront feature image from posts
remove_action( 'storefront_post_content_before', 'storefront_post_thumbnail', 10 );
@jamiemarsland
jamiemarsland / gist:cd99b279ce10c2b891ab2c5c56c71158
Created March 18, 2019 18:34
Remove underlines from Storefront hyperlinks
a {
text-decoration: none !important;
}
@jamiemarsland
jamiemarsland / gist:382746e74a7299ce21f4286a81d14590
Created November 10, 2018 05:17
How to show breadcrumbs when using WooBuilder
.storefront-pro-active.single-product .storefront-breadcrumb {
display: block;
}
@jamiemarsland
jamiemarsland / gist:9efc01a21934977830d62d5054e4845e
Created September 27, 2018 19:01
To add back the normal wordpress admin toolbar for wordpress.com users
function disable_wpcomtoolbar ( $modules ) {
if ( isset( $modules['masterbar'] ) ) {
unset( $modules['masterbar'] );
}
return $modules;
}
add_filter( 'jetpack_get_available_modules', 'disable_wpcomtoolbar' );
@jamiemarsland
jamiemarsland / gist:34550d5cd7f1e3e02b02360fbf48d772
Created September 24, 2018 15:51
Fix Storefront Pro slider ratio
.home #page > nav.secondary-navigation ~ .header-hero,
.home #page .header-hero .storefront-pro-flexslider .slides li .slide-img {
min-height: 75vw !important;
}
@jamiemarsland
jamiemarsland / gist:3a4ea0e9a2dc6ac1cf1cf31539d1a90e
Created May 13, 2018 08:30
remove Storefront mobile navigation words so you just have the icon
.menu-toggle span {
font-size: 0;
}
@jamiemarsland
jamiemarsland / gist:acc1f830780e2089c51448f3568f36f9
Created May 9, 2018 09:09
How to add extra style to Storefront Pro slider buttons
#header-hero-slider-wrap .button {
color: #fff;
background: rgba(0, 0, 0, 0.0);
border: 1px solid;
border-radius: 10px;
font-size: 20px;
}
@jamiemarsland
jamiemarsland / gist:6dee0e188f88750d7c41f691e77facea
Created May 9, 2018 09:07
How to align and style text and buttons in the new Storefront Pro slider
#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*/
}
@jamiemarsland
jamiemarsland / storefront footer reduce height
Created April 27, 2018 08:40
How to reduce the default height of the WooCommerce Storefront Footer