Hi there,
As that same link mentioned, it requires very specific CSS coding for the various email clients:
https://robcubbon.com/create-html-email-newsletters-outlook/
and
https://templates.mailchimp.com/development/css/client-specific-styles/
Most likely, all CSS customizations need to be inline. I would recommend saving out the email HTML, and viewing it in a browser most similar to the email client, so Internet Explorer for Outlook, etc. In that browser, open the dev tools and try and edit the CSS to get the formatting the way you want it, and then take that CSS and add it to your email template CSS on the elements, inline so they can’t be stripped out by the email programs later.
Let me know how it goes.
Rob
Hey Rob, thanks for the answer. Actually, I did what you suggested, saving the source code of the Outlook email body as an HTML file. Problem is, it looks perfect in any browser 😉 It’s not a big issue, so I think I’ll give up. But if anybody found a quick fix for this it’d be interesting to know.
Ah, I remember Outlook strips out head HTML sometimes… try moving the CSS inline on the image in the template. Often this requires exporting the template and making edits to it, adding the CSS inline, and then uploading the template back in for use.
It can be a fairly custom CSS coding project to get it looking perfect in all email clients. Let me know how it goes.
Rob
