jamiemarsland
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <button class="menu-toggle"><?php _e( 'Primary Menu', 'storefront' ); ?></button> |
jamiemarsland
/ gist:eae952d241ea165f242f
Last active
August 29, 2015 14:15
Style Storefront Widgets
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .widget-area .widget { | |
| color: red; | |
| font-size: 1em; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* First we have to make the main header transparent */ | |
| #main-header { | |
| background-color: transparent; | |
| } | |
| /* Then we turn off the footer */ | |
| #main-footer { | |
| display: none; |
jamiemarsland
/ gist:4baca8664088025d5989
Created
September 22, 2015 09:45
WooThemes Storefront fullscreen website CSS code
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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
/ metaslider fix
Last active
March 25, 2016 05:15
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .ppb-full-width-row.full-width-content { | |
| padding: 0 !important; | |
| } |
jamiemarsland
/ gist:3a13aca923f760954b075ea74684041d
Last active
March 22, 2017 09:32
Fix for Post title not showing over featured image with Pootle Pagebuilder - add the following css to fix the issue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .full-image .ppb-post .ppb-blog-content { | |
| z-index: 11; | |
| } |
jamiemarsland
/ gist:c82f1489ce572d614cf206deb87f854a
Last active
March 29, 2017 07:19
Add a read more link to the excerpt in blog posts when using pootle pagebuilder pro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| add_filter( 'get_the_excerpt', function( $excerpt ) { | |
| return | |
| substr( $excerpt, 0, 230 ) . | |
| ' <a class="more" href="' . get_the_permalink() . '">More</a>'; | |
| }, 9999 ); |
jamiemarsland
/ gist:33f4fc7a48c1a991633eb97a5632a403
Last active
January 16, 2019 09:24
How to add a hover effect to Pootle Pagebuilder content areas
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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
/ gist:c7bcec002f3dc440a3a2628f91b294b3
Created
March 30, 2017 13:03
How to add links to colored tiles in Pootle Pagebuilder
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="http://example.com" class="fill-parent-link">.</a> |
jamiemarsland
/ gist:07b01dfe1019e521aeda15504471209c
Created
June 8, 2017 13:39
WooCommerce tiles fix (for Storefront Pro)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .storefront-pro-active .site ul.products .product-grid-item { | |
| padding-top: 70%; | |
| } |