jamiemarsland
jamiemarsland
/ gist:382746e74a7299ce21f4286a81d14590
Created
November 10, 2018 05:17
How to show breadcrumbs when using WooBuilder
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.single-product .storefront-breadcrumb { | |
| display: block; | |
| } |
jamiemarsland
/ gist:9efc01a21934977830d62d5054e4845e
Created
September 27, 2018 19:01
To add back the normal wordpress admin toolbar for wordpress.com users
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
| function disable_wpcomtoolbar ( $modules ) { | |
| if ( isset( $modules['masterbar'] ) ) { | |
| unset( $modules['masterbar'] ); | |
| } | |
| return $modules; | |
| } | |
| add_filter( 'jetpack_get_available_modules', 'disable_wpcomtoolbar' ); |
jamiemarsland
/ gist:34550d5cd7f1e3e02b02360fbf48d772
Created
September 24, 2018 15:51
Fix Storefront Pro slider ratio
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
| .home #page > nav.secondary-navigation ~ .header-hero, | |
| .home #page .header-hero .storefront-pro-flexslider .slides li .slide-img { | |
| min-height: 75vw !important; | |
| } |
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
/ gist:3a4ea0e9a2dc6ac1cf1cf31539d1a90e
Created
May 13, 2018 08:30
remove Storefront mobile navigation words so you just have the icon
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
| .menu-toggle span { | |
| font-size: 0; | |
| } |
jamiemarsland
/ gist:acc1f830780e2089c51448f3568f36f9
Created
May 9, 2018 09:09
How to add extra style to Storefront Pro slider buttons
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
| #header-hero-slider-wrap .button { | |
| color: #fff; | |
| background: rgba(0, 0, 0, 0.0); | |
| border: 1px solid; | |
| border-radius: 10px; | |
| font-size: 20px; | |
| } |
jamiemarsland
/ gist:6dee0e188f88750d7c41f691e77facea
Created
May 9, 2018 09:07
How to align and style text and buttons in the new Storefront Pro slider
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
| #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
/ storefront footer reduce height
Created
April 27, 2018 08:40
How to reduce the default height of the WooCommerce Storefront Footer
jamiemarsland
/ gist:efffcec4d44464f03377
Created
February 18, 2015 05:48
css for storefront product pages
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
| body.woocommerce #primary { width: 100%; } |
jamiemarsland
/ gist:6f279aa9975c9121262b
Created
February 18, 2015 06:00
Make meta slider full width for storefront
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_action( 'init', 'child_theme_init' ); | |
| function child_theme_init() { | |
| add_action( 'storefront_before_content', 'woa_add_full_slider', 5 ); | |
| } | |
| function woa_add_full_slider() { ?> | |
| <div id="slider"> | |
| <?php echo do_shortcode("[metaslider id=388 percentwidth=100]"); ?> | |
| </div> | |
| <?php |