Skip to content

Instantly share code, notes, and snippets.

View dannydickson's full-sized avatar

Danny D. dannydickson

View GitHub Profile
@dannydickson
dannydickson / wp-jquery-starter.js
Created November 21, 2017 18:25
WordPress jQuery Starter - Add jQuery to WordPress
<script>
(function($) {
// Insert your jQuery here
})( jQuery );
</script>
@dannydickson
dannydickson / add-subnav-class.html
Last active August 23, 2017 20:32
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.
<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
Created August 23, 2017 20:23
Adds a full-width Image grid with cool hover effect to Divi.
/* 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 / fa-button-example.html
Created July 7, 2017 15:35
Font awesome social media button examples with links
<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 05:26
Add iFrame to WordPress Widgets
<?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(
@dannydickson
dannydickson / functions.php
Created January 21, 2017 18:32
Import Font Awesome Latest Into WordPress
// 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 / material-button.css
Created February 20, 2017 03:28
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 February 16, 2017 17:17
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@dannydickson
dannydickson / image-overlay-angle.css
Last active January 26, 2017 15:38
Angled Image Overlay CSS
.class-name {
background: #ff6319;
background: -moz-linear-gradient(-45deg, #ff6319 0%, #ffa719 100%);
background: -webkit-linear-gradient(-45deg, #ff6319 0%, #ffa719 100%);
background: linear-gradient(135deg, #ff6319 0%, #ffa719 100%);
opacity: .93;
content: "";
display: block;
position: absolute;
top: 0;
@dannydickson
dannydickson / functions.php
Last active January 16, 2017 21:53 — forked from benweiser/Add A Genesis Featured Image Above Post With Title - Style.css
Add A Genesis Featured Image Above Post With Title
// Hook after header area
add_action( 'genesis_after_header', 'gd_featured_image_title' );
function gd_featured_image_title() {
// If it is a page and has a featured thumbnail, but is not the front page do the following...
if (has_post_thumbnail() && is_single() ) {
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 );
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 );
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );