Skip to content

Instantly share code, notes, and snippets.

@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 / 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: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:4baca8664088025d5989
Created September 22, 2015 09:45
WooThemes Storefront fullscreen website CSS code
/* This sets the background image of the page. Just replace the page id and the url of the background image */
.page-id-43 {
background-image: url("http://176.32.230.250/storefront.com/wp-content/uploads/2015/09/record-shop.jpg");
background-size: cover;
}
/* This makes the header transparent so that the background image shows through */
.site-header {
@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: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: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:33f4fc7a48c1a991633eb97a5632a403
Last active January 16, 2019 09:24
How to add a hover effect to Pootle Pagebuilder content areas
.ppb-hover-card .ppb-block {
position: relative;
}
.ppb-hover-card .ppb-block > * {
position: static;
}
.ppb-hover-card .ppb-block a.fill-parent-link {
display: block;
content: '';
background: rgba(0,0,0,0);
@jamiemarsland
jamiemarsland / gist:3835778210966604defa
Created February 18, 2015 05:48
Make WooThemes Storefront product pages full width
add_action( 'get_header', 'remove_storefront_sidebar' );
if ( is_product() ) {
remove_action( 'storefront_sidebar', 'storefront_get_sidebar', 10 );
}
}
@jamiemarsland
jamiemarsland / gist:cd99b279ce10c2b891ab2c5c56c71158
Created March 18, 2019 18:34
Remove underlines from Storefront hyperlinks
a {
text-decoration: none !important;
}