Skip to content

Instantly share code, notes, and snippets.

Danny D. dannydickson

Block or report user

Report or block dannydickson

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@dannydickson
dannydickson / image-grid-overlay.css
Created Aug 23, 2017
Adds a full-width Image grid with cool hover effect to Divi.
View image-grid-overlay.css
/* Animated Overlay */
.image-overlay-wrapper {
height:500px;
}
.image-overlay {
background-color:rgba(0,0,0, 0.7);
position:absolute;
height:100%;
width:100%;
@dannydickson
dannydickson / add-subnav-class.html
Last active Aug 23, 2017
Add class to each sub-nav in Divi for separate styling. (add this code to Divi > Theme Options > Integrations > Body scripts. This will add a class to each individual sub nav (ie "sub-nav-1", "sub-nav-2" and so on). These new classes can now be styled individually to target the border-color, or anything else you want.
View add-subnav-class.html
<script type="text/javascript">
jQuery(document).ready(function($) {
$( ".menu-item-has-children .sub-menu" ).addClass(function( index ) {
return "sub-nav-" + index;
});
})
</script>
@dannydickson
dannydickson / image-grid-overlay.css
Last active Dec 12, 2017
Adds a full-width Image grid with cool hover effect to Divi.
View image-grid-overlay.css
.image-overlay {
background-color:rgba(0,0,0, 0.7);
position:absolute;
height:100%;
width:100%;
opacity: 1;
transition:opacity 1s;
}
.image-overlay-wrapper .et_pb_button {
@dannydickson
dannydickson / material-hover.css
Last active Jul 17, 2018
Material Hover Effect
View material-hover.css
.div {
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
transition: box-shadow 0.3s ease-in-out;
}
.div:hover {
box-shadow: 0 0px 30px rgba(13,115,142,0.2);
}
@dannydickson
dannydickson / fa-button-example.html
Created Jul 7, 2017
Font awesome social media button examples with links
View fa-button-example.html
<a href="#"><i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x"></i></a>
<a href="#"><i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-youtube fa-stack-1x"></i> </a>
<a href="#"><i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x"></i></a>
<a href="#"><i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x"></i> </a>
<a href="#"><i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-google-plus fa-stack-1x"></i></a>
@dannydickson
dannydickson / wp-iframe-enable.php
Last active May 19, 2017
Add iFrame to WordPress Widgets
View wp-iframe-enable.php
<?php
/* Do not inlude the first 4 lines of this code. Only copy the code below this line. This should be
placed in your main functions.php to enable this globally, or on specific page templates */
//* Allow shortcodes to execute in widget areas
add_filter('widget_text', 'do_shortcode');
// Register function to allow shortcodes
function add_iframe($atts) {
extract(shortcode_atts(array(
View material-button.css
.button {
box-shadow: 0 2px 2px 0 rgba(244,67,54,0.14), 0 3px 1px -2px rgba(244,67,54,0.2), 0 1px 5px 0 rgba(244,67,54,0.12);
}
.button::hover {
box-shadow: 0 14px 26px -12px rgba(244,67,54,0.42), 0 4px 23px 0px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(244,67,54,0.2);
}
@dannydickson
dannydickson / 0_reuse_code.js
Created Feb 16, 2017
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@dannydickson
dannydickson / functions.php
Created Jan 21, 2017
Import Font Awesome Latest Into WordPress
View functions.php
// Load Font Awesome
add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
function enqueue_font_awesome() {
wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css' );
}
@dannydickson
dannydickson / back-to-top.js
Last active Jan 16, 2017
Floating Font Awesome Back to Top Button in WordPress
View back-to-top.js
$(".to-top-btn").click( function(){
$("html, body").animate({ scrollTop: 0 }, "slow");
});
You can’t perform that action at this time.