HTML formatted email not showing up at all in Gmail but is in other mail clients
I am updating my answer since it has quite a few views, and new tools are available. I am leaving my original answer for posterity.
Edit * 9/19/19
You can find CSS property support by email client here: https://www.caniemail.com/
Original Answer:
Gmail does not support the <style> tag. You need to use inline css for gmail to work correctly.
Here's a reference list. http://www.campaignmonitor.com/css/
GMail doesn't support <style> tags and neither does a number of clients. To make your life easier, you can use convert to convert your style tags to inline CSS: https://templates.mailchimp.com/resources/inline-css/
The above answers are pretty good, just wanted to add a few more points. All credits to this link:
Gmail only supports
<style>in the<head>. Gmail does support embedded styles (<style>). However, embedded styles are only supported in the head of your HTML document. The Gmail Android and iOS apps does not support<style>at all when rendering emails retrieved through non-Google accounts (GANGA).Gmail removes your entire
<style>block if it encounters an error.Gmail does not allow negative CSS margin values.
Gmail does not support attribute selectors and most pseudo-classes. e.g.
div[class="content"]{ color: red }. Gmail also does not support pseudo-classes like:checkedand:active.
I see you're using an ID named #footer. It seems that Google doesn't recognize that name when dealing with mails. Notice that in the font code seen from gmail, all your ID might appear with "exc" + idName, except #footer. Try to use a different name.
This is little late but I was also facing the same issue after changing the Mail SMTP from Outlook to Gmail. The email was not coming in the default expected template format as Gmail is not supporting the Style tag anymore. Below solution worked for me:
-
Copy the default email template code to your email-templates folder under .jenkins directory. Link to copy the template : https://github.com/jenkinsci/email-ext-plugin/blob/master/src/main/resources/hudson/plugins/emailext/templates/groovy-html.template
-
Just change the property of style tag from STYLE to STYLE type="text/css" data-inline="true" and save the template and use in your job.
Done. It worked for me.