Outlook 2010 overriding font-family from Arial to Times New Roman
Even if you set font-family: arial to table, it still wont work. You need to specifically set the font for each td inside your table to get it right.
html-email
HTML Emails: fallback for mso conditional?
Found a solution after much brain-wracking. Instead of this: <!–[if mso]><v:shape>…</v:shape><![endif]–> <!–[if !mso]>[fallback goes here]<![endif]–> This works very well: <!–[if mso]> <v:shape>…</v:shape> <div style=”width:0px; height:0px; overflow:hidden; display:none; visibility:hidden; mso-hide:all;”> <![endif]–> [fallback goes here] <!–[if mso]></div><![endif]–> All it does is wrap the fallback in an invisible div in MSO, and deploys the vector solution instead. Hope … Read more
Gmail is ignoring “display:none”
If style=”display:none” does not work in Gmail, put style=”display:none !important;” and it works in Gmail.
Base64 encoded image is not showing in gmail
base64 encoded images are not well supported in email. They aren’t supported in most web email clients (including Gmail) and are completely blocked in Outlook. Apple Mail is one of the few clients that does support them, that’s why you’re able to see them there but not elsewhere. Another thing to be mindful of with … Read more
GMail displays plain text email instead HTML
Try switching the order of the parts of the message, putting the HTML part after the plain-text part. It might work :). NOTE: I cannot remember now where I read this (or if I for sure even did), but the reason switching might help is because I think the preferred part of the message may … Read more
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 … Read more
Why is Gmail blocking CSS in emails?
Gmail doesn’t block CSS totally. It still supports inline style. Why doesnt it support style block, I’ve no idea. To have a good overview of CSS support in various webmail and email clients, here’s a good one. http://www.campaignmonitor.com/css/
How can I embed SVG into HTML in an email, so that it’s visible in most/all email browsers?
SVG is not supported in many email clients. The best guide I’ve seen is on Style Campaign. It’s a short read that I vouch for (Anna is super smart!). TL;DR: A variety of techniques will work in iOS mail clients and (amazingly) Blackberry. But Android, Outlook, and pretty much every other desktop and webmail client … Read more
How to get rid of “Show trimmed content” in GMail HTML emails?
I’ve just encountered this problem myself, and from my investigations it seems that GMail does indeed trim the content if it is similar to the preceding emails. My solution is simply to insert the current time stamp at the end of every email: [15:02:21 29/01/2013] End of message.
Remove spacing between table cells and rows
Add border-collapse: collapse into the style attribute value of the inner table element. You could alternatively add the attribute cellspacing=0 there, but then you would have a double border between the cells. I.e.: <table class=”main-story-image” style=”float: left; width: 180px; margin: 0 25px 25px 25px; border-collapse: collapse”>