Skip to content

Instantly share code, notes, and snippets.

@jamiemarsland
jamiemarsland / gist:a04d8c0215db374534ad2b2ecdc0e62f
Created August 7, 2017 07:46
Avada theme Pootle pagebuilder icon not showing fix
​div#pootlepb-modules-wrap {
z-index: 99999;
}
@jamiemarsland
jamiemarsland / gist:5ee8f104bc6b19ca8e14d1414549c508
Created August 10, 2017 04:15
Change the WooCommerce 'return to shop' button link (with thanks to Nicola Mustone)
/**
* Changes the redirect URL for the Return To Shop button in the cart.
*
* @return string
*/
function wc_empty_cart_redirect_url() {
return 'http://yourdomain.com/your-page/';
}
add_filter( 'woocommerce_return_to_shop_redirect', 'wc_empty_cart_redirect_url' );
@jamiemarsland
jamiemarsland / gist:565930202f6c6c61a4681071246637ce
Created September 14, 2017 10:39
Storefront Pro mega menu alignment issue (when using align right, items right layout in Primary Navigation
.sfp-nav-styleright #site-navigation .primary-navigation li.mega-menu ul.sub-menu {
width: 1150px;
max-width: calc( 100vw - 45px );
}
.storefront-pro-active .col-full {
max-width: 1150px;
}
@jamiemarsland
jamiemarsland / gist:5b25f613e79c09c00a2dced3c1544359
Created October 4, 2017 09:50
Increase size of WooCommerce Storefront Pro logo
#masthead .site-logo-link img {
max-width: none;
}
@jamiemarsland
jamiemarsland / storefront pro mega menu
Created March 5, 2018 10:49
How to increase the number of columns in storefront pro mega menu
#site-navigation .primary-navigation li.mega-menu>ul>li {
width: 20%;
}
@jamiemarsland
jamiemarsland / gist:640aebdeb7e6ed8826bfba114cda8bf0
Created March 19, 2018 19:03
Ipad menu fix for Ipad Portrait mode
@media (max-width:768px){
.storefront-pro-active #masthead .primary-navigation {
display: inline-block;
}
}
@jamiemarsland
jamiemarsland / storefront footer reduce height
Created April 27, 2018 08:40
How to reduce the default height of the WooCommerce Storefront Footer
@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;
}