Castle Builder Blog

Quick Tip: CSS Inliner Tool

by Amélie Walker-Yung

MailChimp makes its Automatic CSS Inliner Tool available to everyone, not just its customers. (Though, hey, check out MailChimp if you are looking for an email marketing provider!)

So you have a pretty webpage, and you’d like to send it out as an html email. Not so fast… Coding an email is not the same as coding a website.

One of the main differences is that you can’t use external stylesheets or even style tags in your html emails. You have to use inline styles. That means you have to put a style on every element that you want formatted. Yes, that is a pain, but if your CSS isn’t coded inline, it’s likely to get stripped out by many email clients.* And that will make your email design pretty funny looking!

Writing CSS inline is a bore, so let MailChimp do the work for you.

MailChimp CSS Inliner Tool

*This is changing. However, big hitter Gmail, for example, still ignores anything but inline styles.

Published on August 26, 2015.

About Amélie Walker-Yung

Amélie, the founder of Castle Builder Design, has been constructing a wide variety of websites since 1997. She manages all projects and specializes in crafting visually compelling yet clear-eyed designs, all the while taming open source software. She sees a successful website as a puzzle solved through the seamless integration of its two vital elements: beauty and function. In her spare time, Amélie is the membership coordinator of Webgrrls NYC and bakes cupcakes.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.