jamiemarsland
jamiemarsland
/ gist:583a33fbec759dd07896b8ba76a5451e
Created
May 14, 2024 18:44
Remove negative margins on mobile
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
| @media (max-width: 768px) { | |
| [style*="margin-top:-"] { margin-top: 0 !important } | |
| [style*="margin-right:-"] { margin-right: 0 !important } | |
| [style*="margin-bottom:-"] { margin-bottom: 0 !important } | |
| [style*="margin-left:-"] { margin-left: 0 !important } | |
| } |
jamiemarsland
/ gist:2cc05e0c3146629c2fcc9947acb0cfca
Created
May 14, 2024 04:53
Disable Negative Margins Globally on mobile
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
| /* CSS to reset any negative margins on mobile devices */ | |
| @media (max-width: 768px) { | |
| * { | |
| margin-top: 0 !important; | |
| margin-right: 0 !important; | |
| margin-bottom: 0 !important; | |
| margin-left: 0 !important; | |
| } | |
| } |
jamiemarsland
/ gist:030dc0227695cf4faaa41af789649e60
Created
April 23, 2024 11:40
Smooth Scroll WordPress
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
| html { | |
| scroll-behavior: smooth; | |
| } |
jamiemarsland
/ gist:fdba5148edab3ca45c0d8aaf5eb68b2a
Created
October 31, 2022 14:46
CSS for Tesla.com demo
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
| html { | |
| scroll-snap-type: y mandatory; | |
| scroll-behavior: smooth; | |
| } | |
| .scroller { | |
| scroll-snap-align: start; | |
| } |
jamiemarsland
/ gist:f27cb41835286e8045f3bfe4ac8947b7
Created
October 13, 2022 18:25
Add Background image to Gutenberg Columns Block
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
| .shorts { | |
| background-image: url('https://woo.us2.instawp.xyz/wp-content/uploads/2020/09/product-w-jeans1.jpg'); | |
| background-color: #cccccc; /* Used if the image is unavailable */ | |
| height: 500px; /* You must set a specified height */ | |
| background-position: center; /* Center the image */ | |
| background-repeat: no-repeat; /* Do not repeat the image */ | |
| background-size: cover; /* Resize the background image to cover the entire container */ | |
| } |
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 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 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 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 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 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; | |
| } |
NewerOlder