stephangriesel

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle Functions on Resize
Create DOM Elements	Conditionals

stephangriesel

/* hide search */

.fa {
	display: none;
}

/* hide breadcrumb */

.breadcrumb-nav span, .breadcrumb-nav a {
	font-size: 14px;

stephangriesel

a>div { display: none; }
a:hover>div { display: block; }
.lunch {margin-left:5px; margin-right:5px;}
.lunch a {display: block;}

stephangriesel

<tr>
<td><div class='lunch'><a href="">Lunch Time
<div><img src="lunch_thumbnail.jpg" style="float:left; margin: 4px 4px;" /></div>
</a></div>
</td>
</tr>

stephangriesel

// Rename 'United Kingdom' to 'UK Mainland'

add_filter( 'woocommerce_countries', 'rename_united_kingdom' );

function rename_united_kingdom( $countries ) {
$countries['GB'] = 'UK Mainland';
return $countries;
}

stephangriesel

section.page_header {
    display: none;
}

stephangriesel

/* Hide Title */
section.page_header .page_header_inner .p_head_left {
    display: none;
}

/* Hide home float */
.f-left {
    display: none;
}

stephangriesel

/* Hide Title */
section.page_header .page_header_inner .p_head_left {
    display: none;
}

/* Hide home float */
.f-left {
    display: none;
}

stephangriesel

section.page_header .page_header_inner .p_head_left {
    display: none;
}

stephangriesel

/* main background */
.separator div, body {
    background-color: #000;
}

/*container background */
.container {
    background: #000;
}