Skip to content

Instantly share code, notes, and snippets.

View tomblanchard's full-sized avatar

Tom Blanchard tomblanchard

View GitHub Profile
[sendmail]
smtp_server = mail.tomblanchard.co.uk
smtp_port = 26
smtp_ssl = none
error_logfile = error.log
@tomblanchard
tomblanchard / border-box.css
Created October 31, 2013 19:44
Border box.
.border-box,
.border-box:before,
.border-box:after,
.border-box *,
.border-box *:before,
.border-box *:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@tomblanchard
tomblanchard / wp-snippets-child-theme.css
Last active December 25, 2015 11:09
Regular WP snippets I use.
/***********************************************************************************
THEME NAME: Parent Theme - Child
***********************************************************************************
Template: parent-theme
Author: Tom Blanchard
Author URI: http://tomblanchard.co.uk
Version: 1.0
**********************************************************************************/
@tomblanchard
tomblanchard / php-ajax-form.html
Last active December 24, 2015 13:09
PHP AJAX Form
<form class="contact-form" method="post" action="">
<ul class="form-fields">
<li>
<label>Your Name</label>
<input class="text-input" type="text" name="name" required value="TEST NAME">
</li>
<li>
<label>Your Email</label>
<input class="text-input" type="email" name="email" required value="email@email.com">
</li>
@tomblanchard
tomblanchard / responsive-jquery-slideshow.css
Last active December 23, 2015 06:39
Responsive jQuery slideshow.
.slideshow {
margin-bottom:20px;
position:relative;
}
.slideshow__item {
width:100%;
}
.slideshow__item + .slideshow__item {
@tomblanchard
tomblanchard / jquery-doc-ready.js
Last active December 23, 2015 00:09
jQuery document ready.
(function ($, window, document, undefined) { 'use strict'; $(function () {
//
}); })(jQuery, window, document);
.grid {
margin-left:-24px;
list-style:none;
margin-bottom:0;
}
.grid__item {
display:inline-block;
width:50%;
padding-left:24px;
@tomblanchard
tomblanchard / instagram-feed.html
Created December 6, 2014 21:00
Instagram feed.
<ul class="instagram__items"></ul>

Shopify Custom HTML Email

Installation

Images

Start by uploading the contents of the email/img directory to your theme assets folder, you can do this via the admin page by clicking the active theme Edit HTML/CSS button, expanding the Assets folder tree and clicking Add a new asset.

HTML

Main Title

I have a utility class such as:

.mb {
  margin-bottom: 20px;
}