Castle Builder Tips:

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.

Avatar photo

By Amélie Walker-Yung

Amélie, the founder of Castle Builder Design, has been constructing a wide variety of websites for two decades. 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. Amélie was the membership coordinator Webgrrls NYC for several years and enjoys baking.

Leave a comment

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.