Zurb Ink Email not Formatted Properly in Gmail

Question

I am using a Zurb Ink template to send an email. When I view the email in mailcatcher (from the development server) everything looks fine, but when I receive an email from the production server (to my gmail account), all of the CSS styling is gone.

The CSS is all inline, and I am using the basic template from Zurb.

score 36 · Accepted Answer · answered Nov 10 '13 at 00:00

36

I missed a step over at Zurb's site.

After editing your template you need to run the code through the CSS inliner, before the email HTML is ready to send.

Note: You will need to add any ruby code (etc) to the email AFTER running it through the inliner, as it will be stripped out by the inliner.

answered Nov 10 '13 at 00:00

Abram

39,950
26
134
184

You're right. Gmail is known for stripping out CSS if it isn't inlined. Not all email readers would have displayed this issue. – Zoot Jan 17 '14 at 15:44
7

Zurb Ink needs to write this in massive letters on every page on the site. I missed this somehow! – Matthew Lock Feb 10 '14 at 00:29
Yep - I missed it as well. Thanks for your answer! – Rapture Feb 24 '14 at 22:13

Zurb Ink Email not Formatted Properly in Gmail

1 Answers1