search

mailchimp / email-blueprints

Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails
http://templates.mailchimp.com
6.99k stars 2.77k forks source link

Template in Gmail #4

Closed PhilGo20 closed 13 years ago

PhilGo20 commented 13 years ago

Trying to use you guys templates (simple-letter-head-rightlogo.html) for one of our project. The html found on github renders perfectly in Chrome but when I receive the email in Gmail, most of the CSS is gone.

That seems very unlikely that you guys do not test Gmail, so I am probably missing out on something. Any idea?

fcarneiro commented 13 years ago

Phil,

GMail, by default, strips all of the CSS in an email. It's just a problem with the client. A good rule of thumb when working with HTML emails is to always inline your CSS.

Inlining CSS by hand takes a long time and is more work than you actually need to do, so what you can do before sending is input your HTML into an automatic css inliner.

MailChimp has one here: http://beaker.mailchimp.com/inline-css Another option is Dialect's Premailer: http://premailer.dialect.ca/

When you've finished your code, drop it in either of those converters and they'll inline for you.

PhilGo20 commented 13 years ago

Dude, you're too much thanks a lot. was just about to do it manually.

Thanks!

dedril commented 11 years ago

You guys are awesome, love how easy you make it. But can you update the templates so that newbies dont have to hunt down this solution? Thanks!

divyeshdhokiya commented 9 years ago

Thank you @fcarneiro