Question
2
Replies
139
Views
Posted: February 12, 2019
Last activity: February 19, 2019
Closed
Email styles lost in gmail
Hi,
We are using inline css to style the email contents. It appears correctly on Outlook. However on gmail, the styles are lost. Is there a recommendation on styling emails for gmail.
Thanks in advance
Posted: 2 years ago
Here is what I analysed and found. Gmail has it's own rules and it regenerates the content displayed. It strips off the entire <style> tag if it not enclosed in a <head> tag. Conversion of html from inline css to inline styles is not required. There are some tools which will give a report of email preview for different email clients https://litmus.com/email-testing
Thanks
Hi,
Gmail doesn't block CSS totally. It still supports inline style.To have a good overview of CSS support in various webmail and email clients, here's a good one: http://www.campaignmonitor.com/css/
Also, to be able to view your mail as it is in gmail and other email clients, you need inline style for each tag in your html, but writing inline css for each html tag is time consuming, to save your time use the builtin tool
Just paste your whole email template and you will get the html document with inline css in each tag.
Note: you can have your class and id in class as it is.