Skip to content

Instantly share code, notes, and snippets.

View dannydickson's full-sized avatar

Danny D. dannydickson

View GitHub Profile
@dannydickson
dannydickson / material-hover.css
Last active July 17, 2018 20:21
Material Hover Effect
.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 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 / 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 / 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 / back-to-top.js
Last active June 7, 2021 23:14
Floating Font Awesome Back to Top Button in WordPress
$(".to-top-btn").click( function(){
$("html, body").animate({ scrollTop: 0 }, "slow");
});
@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 / customize.php
Last active January 13, 2017 21:39
Color Picker in Customizer (WordPress/Genesis)
<?php
// Set default color and store in function
function maker_customizer_get_default_primary_color() {
return '#57e5ae';
}
// Hooks into customize_register to add the custom code we'll need
add_action( 'customize_register', 'maker_customizer_register' );
@dannydickson
dannydickson / vanilla-match-height-divi.js
Last active July 31, 2018 20:34
Vanilla JS Match Height
<script>
(function($) {
function matchHeight() {
function setHeight(elementH) {
var maxH = 0;
var len = $(elementH).length;
$(elementH).css("min-height", "");