Skip to content

Instantly share code, notes, and snippets.

@jamiemarsland
jamiemarsland / gist:4af06d5cb0e67b2e4903f49b7ba8adeb
Created June 7, 2021 09:18
Glassmorphism Code for Gutenberg
.glass
{
background: rgba( 255, 255, 255, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
.background {
background-color: #533cd245;
padding:45px;
box-shadow: 1px 1px 50px 1px #000;
transition: box-shadow 0.3s ease-in-out;
}
@jamiemarsland
jamiemarsland / gist:b0a4511aaaef67876ee6
Created February 18, 2015 06:16
Rename Navigation in mobile menu for Storefront
function storefront_primary_navigation() {
?>
<nav id="site-navigation" class="main-navigation" role="navigation">
<button class="menu-toggle"><?php _e( 'Primary Menu', 'storefront' ); ?></button>
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</nav><!-- #site-navigation -->
<?php
}
add_action( 'init', 'jk_remove_storefront_header_search' );
function jk_remove_storefront_header_search() {
remove_action( 'storefront_header', 'storefront_product_search', 40 );
}
@jamiemarsland
jamiemarsland / gist:235dbde69d694c8ec81c097867ca138a
Created June 1, 2020 20:53
Remove storefront header but keep the menu
#masthead &gt; .col-full,
#masthead .site-header-cart {
display: none;
}
/*** 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: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: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);