jancbeck

<?php

// Add role class to body
function add_role_to_body($classes) {   
    foreach (wp_get_current_user()->roles as $user_role) {
        $classes[] = 'role-'. $user_role;
    }
    return $classes;
});
add_filter('body_class','add_role_to_body');

karlhorky

img.grayscale.disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

kloon

add_filter( 'woocommerce_bacs_fields', 'woocommerce_bacs_custom_sort_code_text', 10, 1 );
function woocommerce_bacs_custom_sort_code_text( $fields ) {
  $fields['sort_code'] = 'BSB';
  return $fields;
}

HoundstoothSTL

(function($) {
  $('a[href*=#]:not([href=#])').click(function() 
  {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        || location.hostname == this.hostname) 
    {
      
      var target = $(this.hash),
      headerHeight = $(".primary-header").height() + 5; // Get fixed header height
            

Laszaro

/* 
Source: http://typecast.com/blog/contrast-through-scale

The 16th century scale:
6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 26, 48, 60, 72
*/

body { font-size:100%; }
h1 { font-size: 2.25em; /* 16 x 2.25 = 36 */ }
h2 { font-size: 1.5em; /* 16 x 1.5 = 24 */ }

webaware

<?php
/*
Plugin Name: Gravity Forms Fields Above
Plugin URI: https://gist.github.com/webaware/24e1bacb47b76a6aee7f
Description: move field labels from below to above fields in compound fields (e.g. Address, Name)
Version: 1
Author: WebAware
Author URI: http://webaware.com.au/

@link http://www.gravityhelp.com/forums/topic/change-position-of-sub-labels-on-advanced-fields

mattradford

<?php
 $location = get_field('map_location');
  if ( !empty( $location ) ) :
   $map_url = 'https://www.google.com/maps/dir/?api=1&destination=' . $location['lat'] . ',' . $location['lng'];
   echo '<a href=". esc_url( $map_url ) . '" rel="nooopener">Get directions</a>';
 endif;
?>
<p>This should produce a link like this:</p>
<a href="https://www.google.com/maps/dir/?api=1&destination=51.072159,1.088130">Get directions</a>

cod3cow

/*
 * Replace all SVG images with inline SVG
 */
jQuery('img.svg').each(function(){
    var $img = jQuery(this);
    var imgID = $img.attr('id');
    var imgClass = $img.attr('class');
    var imgURL = $img.attr('src');

    jQuery.get(imgURL, function(data) {

generatepress

@media (max-width: 768px) {
	.main-navigation .menu-toggle,
	.main-navigation .mobile-bar-items,
	.sidebar-nav-mobile:not(#sticky-placeholder) {
		display: block;
	}

	.main-navigation ul,
	.gen-sidebar-nav {
		display: none;

generatepress

<script>
    jQuery( document ).ready( function( $ ) {
		$( '.menu-toggle' ).addClass( 'closed' );
		$( document ).on( 'click', '.menu-toggle.closed', function() {
			var sub = $( this ).next( '.main-nav' ).children( 'ul' );
			sub.hide();
			sub.slideDown();
			$( this ).removeClass( 'closed' );
			$( this ).addClass( 'opened' );
		});