Skip to content

Instantly share code, notes, and snippets.

View MariaJackson1's full-sized avatar

Maria Jackson MariaJackson1

View GitHub Profile
@MariaJackson1
MariaJackson1 / Comments in php
Last active October 7, 2017 19:28
Comments in php
/**
* This is where you enter your comments
*/
Single line comments:
// echo "My name is Humperdinkle!";
# echo "I don't do anything either";
@MariaJackson1
MariaJackson1 / Viewport Full Height
Last active August 8, 2022 20:42
Viewport Full Height
Add to each page's custom CSS
#main-content {
min-height: calc(100vh - 64px);
}
@MariaJackson1
MariaJackson1 / Swap Columns
Last active August 8, 2022 20:43
Swap Columns
https://www.elegantthemes.com/blog/divi-resources/how-to-change-divis-column-stacking-order-on-mobile-devices
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
@MariaJackson1
MariaJackson1 / Swap Columns (Colin Falcon)
Last active August 8, 2022 20:43
Swap Columns (Colin Falcon)
Give the Row that you want to flip the columns on the class 'flip' then use this css:
/***[Switch column order on mobile]***/
@media only screen and (max-width: 980px) {
.flip {
display: -webkit-flex;
-webkit-flex-direction: column-reverse;
display: flex;
flex-direction: column-reverse !important;}
}
@MariaJackson1
MariaJackson1 / Animated Button
Last active August 8, 2022 20:44
Animated Button
<div class="availability-wrap">
<div class="availability"></div>
</div>
================CSS=======================
.availability-wrap {
margin-left: 250px;
height: 200px;
@MariaJackson1
MariaJackson1 / Elementor and GP settings
Last active September 13, 2017 21:01
Dave Foy's Elementor and GP settings
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
/* Custom CSS by Dave Foy - https://www.designbuildweb.co - hello@designbuildweb.co */
/* Use the same method of sizing elements as Elementor does */
body * {
box-sizing: border-box;
}
/* Elementor - set some default left and right padding on mobile - same as in GeneratePress */
.elementor-top-section.elementor-section-boxed > .elementor-container {
@MariaJackson1
MariaJackson1 / GeneratePress Breakpoints
Last active May 3, 2018 14:19
GeneratePress Breakpoints
@media (max-width: 768px) {
/* CSS in here for mobile only */
}
@media (min-width: 769px) and (max-width: 1024px) {
/* CSS in here for tablet only */
}
@media (min-width: 1025px) {
/* CSS in here for desktop only */
}
@MariaJackson1
MariaJackson1 / Give Donation Form
Last active August 8, 2022 20:44
Give Donation Form
/* ================ Give Donate Modal ============= */
.donate-form-content {
font-family: 'Playfair Display', serif;
font-size: 56px;
line-height: 1.3;
font-weight: bold;
color: #222;
text-align: center;
}
@MariaJackson1
MariaJackson1 / Add to functions.php
Last active September 13, 2017 21:01
Custom Color Palettes — Generate Press
add_filter( 'generate_default_color_palettes', 'tu_custom_color_palettes' );
function tu_custom_color_palettes( $palettes ) {
$palettes = array(
'#ffffff',
'#f8f8f8',
'#B6B6B8',
'#010203',
'#C30DBD',
'#ffffff',
'#ffffff',
@MariaJackson1
MariaJackson1 / Footer Credits in footer.php
Last active August 8, 2022 20:45
Footer Credits in footer.php