Skip to content

Instantly share code, notes, and snippets.

View amandalucas's full-sized avatar

Amanda Lucas amandalucas

View GitHub Profile
anonymous
anonymous / my.css
Created June 21, 2016 00:44
CSS Gradient Animation
background: linear-gradient(184deg, #ef093e, #060506);
background-size: 400% 400%;
-webkit-animation: AnimationName 11s ease infinite;
-moz-animation: AnimationName 11s ease infinite;
-o-animation: AnimationName 11s ease infinite;
animation: AnimationName 11s ease infinite;
@-webkit-keyframes AnimationName {
    0%{background-position:34% 0%}
    50%{background-position:67% 100%}
    100%{background-position:34% 0%}
/* Switch Divi Logo on Mobile Devices */
@media only screen and (max-width: 981px) {
#logo {
content: url(“http://mydomainname.com/wp-content/.../MyMobileLogo.png”);
max-height: 160px;
height: auto; /* default value - the browser calculates the height */
}
}
/* Restrict the width of the logo if necessary */
@robhob
robhob / grid-zoom.css
Last active January 9, 2018 11:27
Create a row with as many columns as you want, give each column the CSS Class name of my_col. Under the Advanced tab of the row go to the Custom CSS section and add border: 1px solid #eaeaea; to the main element of each columns custom CSS. Add the CSS of this gist to your custom CSS.
/* For when the mouse moves on to the image */
.brands img:hover {
-webkit-transform: scale(.65) translateY(-4px);
-ms-transform: scale(.65) translateY(-4px);
transition: all .4s ease-in-out;
transform: scale(1.2) translateY(-4px);
}
/* For when the mouse moves off the image */
.brands img {
.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
margin: 0 5px;
}
.btn-inline {
text-align: center !important;
}
@wplit
wplit / tab-element.js
Last active December 14, 2022 09:57
Allow hash links to open tabs in Oxygen (read comments for instructions)
var hash = window.location.hash.substr(1);
if (hash == '%%ELEMENT_ID%%') {
setTimeout(function(){
jQuery([document.documentElement, document.body]).animate({
scrollTop: jQuery('#' + '%%ELEMENT_ID%%').offset().top - 100
}, 1000);
jQuery('#' + '%%ELEMENT_ID%%').trigger('click');
@yankiara
yankiara / gutenberg-columns-gap.css
Created April 13, 2020 10:55
Custom Gutenberg columns gap
:root {
--columns-gap: 1rem;
}
@media (min-width:782px) {
.wp-block-column:not(:first-child) {
margin-left: var(--columns-gap);
}
}
@media (min-width:600px) and (max-width:781px) {
@wplit
wplit / code block
Created June 6, 2020 12:02
make sure offcanvas closes when menu item clicked if hashlink
jQuery('.oxy-off-canvas .menu-item a[href*=\\#]').on('click', function (event) {
if(this.pathname === window.location.pathname){
jQuery('body').removeClass('off-canvas-toggled');
jQuery('.oxy-off-canvas').removeClass('oxy-off-canvas-toggled');
jQuery(jQuery('.offcanvas-inner').data('trigger-selector')).find('.hamburger').removeClass('is-active');
}
});
@wplit
wplit / code block js
Last active July 23, 2021 00:13
allow carousel builder to work inside tabs
jQuery(document).ready(function($) {
if(window.angular) return;
$('.oxy-tabs').on('click', function() {
let tabContent = '#' + $(this).attr('data-oxy-tabs-contents-wrapper');
let carousels = $(tabContent).find('.oxy-carousel-builder');
carousels.each(function() {
@wplit
wplit / style.css
Last active February 3, 2021 10:19
amanda burger sync
.oxy-burger-trigger .hamburger--slider.is-active .hamburger-inner {
transform: none;
}
.oxy-burger-trigger .hamburger--slider.is-active .hamburger-inner::before {
transform: none;
opacity: 1;
}
.oxy-burger-trigger .hamburger--slider.is-active .hamburger-inner::after {
@tdrayson
tdrayson / FF-image-radio-field.css
Last active June 27, 2022 05:29
Fluent Forms Image Radio Field CSS
/**
* Styles the Radio field as clickable image for Fluent Forms
*
* Use: Paste into Custom CSS Section of your Form
* Add class "fancy-input" to container of all inputs that need the fancy styling
*
* Forked version of Sebastian Berger from inital post Fluent Forms FB Group - https://bit.ly/37BBpet
* FB Post - https://bit.ly/2ZEn2BG
*
* Full Links at bottom