jamiemarsland
jamiemarsland
/ gist:dfa1f1a1e19e92e4e450bcbf9b2af91d
Last active
October 13, 2022 18:24
Reverse Gutenberg Columns on Mobile (use 'reverse-mobile' as class for Column)
This file contains hidden or 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
| @media (max-width: 768px) { | |
| .reverse-mobile { | |
| flex-direction: column-reverse; | |
| } | |
| } |
jamiemarsland
/ gist:5aca32e3742411837b439b5a6debe6b0
Created
September 21, 2022 07:24
Harry Styles CSS
This file contains hidden or 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
| .wp-block-navigation .wp-block-navigation-item__label:hover { | |
| background-color: #CE4520; | |
| border-radius: 25px; | |
| color:white; | |
| } | |
| .wp-block-navigation .wp-block-navigation-item__label { | |
| padding:10px; | |
| } |
jamiemarsland
/ Blob CSS
Created
January 11, 2022 11:42
This file contains hidden or 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
| .wp-block-image | |
| { | |
| border-radius: 76% 24% 67% 33% / 30% 30% 70% 70% ; | |
| } | |
| .wp-block-image:nth-child(2) | |
| { | |
| border-radius: 56% 44% 66% 34% / 52% 50% 50% 48% | |
| } |
jamiemarsland
/ gist:71a53384f02af3fbefdaaadefea5620a
Created
June 28, 2021 14:52
css for rounded image
This file contains hidden or 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
| .roundedpics { | |
| border-radius: 25px; | |
| } |
jamiemarsland
/ gist:fc53718a7e062ee3c81f26503d3a38c7
Created
June 28, 2021 14:50
CSS to fix image in column to bottom of Cover Block
This file contains hidden or 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
| .wp-block-cover.alignfull, | |
| .wp-block-columns { | |
| margin-bottom: 0; | |
| padding-bottom: 0; | |
| } |
jamiemarsland
/ gist:4af06d5cb0e67b2e4903f49b7ba8adeb
Created
June 7, 2021 09:18
Glassmorphism Code for Gutenberg
This file contains hidden or 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
| .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 ); |
jamiemarsland
/ Cover Block Background CSS
Created
May 12, 2021 11:16
This file contains hidden or 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
| .background { | |
| background-color: #533cd245; | |
| padding:45px; | |
| box-shadow: 1px 1px 50px 1px #000; | |
| transition: box-shadow 0.3s ease-in-out; | |
| } |
jamiemarsland
/ gist:235dbde69d694c8ec81c097867ca138a
Created
June 1, 2020 20:53
Remove storefront header but keep the menu
This file contains hidden or 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
| #masthead > .col-full, | |
| #masthead .site-header-cart { | |
| display: none; | |
| } |
jamiemarsland
/ gist:202ffb3019359816c8e4f28f4e460ac0
Created
March 15, 2020 11:26
Remove sidebar from Divi
This file contains hidden or 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
| /*** 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
/ gist:fb804a1410728cf143bfafcd1756658f
Created
May 13, 2019 09:39
Remove WooCommerce Storefront feature image from posts
This file contains hidden or 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
| remove_action( 'storefront_post_content_before', 'storefront_post_thumbnail', 10 ); |