The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS NewsLetter mail based design

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #24287

    Hi everyone, here is my point:

    I have a NewsLetter for a campaign in my company that I have to send to our subscribers. The problem is that GMail and Hotmail removes anything before the body tags and obviously the styles. But how Envato’s team send this Email Campaing and it display correctly in GMail.

    myNewsLetter link: [I’ve code this only for this question.]

    Envato’s Newsletter … ter10.html ?

    Look at the screenshot

    Chris Coyier

    Notice in the Envato newsletter the styles are INSIDE the body, not outside? I’m sure that helps. Personally, I go a step futher and use no styles whatsoever, and use inline styling on every single page element. Awful and painful, but it works.


    I notice the free e-mail templates at Campaign Monitor do have a stylesheet in the <head> section. This whole area confuses me. I think when my clients want to start e-mailing newsletters (and at least one does) I’ll suggest they use a service like Campaign Monitor or Aweber because I can see so many potential pitfalls.

    Perhaps this is an area you could do a future tutorial / screencast on?


    take a look at this: … ml-emails/

    styles have to be inline and you should use tables for the layout. sounds bad, but that’s the only way to display it correctly in every email client


    Thanks for the tip – i’ll be sure to read it later ;)

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.