Posted: March 29, 2019 at 12:18 pm
I have been wrangling with trying to find a solution for creating custom email templates that can be rendered nicely in Outlook. The bulk of my customers use Outlook and currently the default email templates look bad. They lose margin, padding, etc. I know this is due to the quirkiness of Outlook, but I need some way to make my email templates look professional.
I have customized a template with a very simple html email template that is guaranteed to work with Outlook, (https://htmlemail.io/) but I need to somehow get the CSS linked to my email template.
How would I go about doing this?
I read this on the custom message documentation, but did not understand what to do. Please help!
If you’re already using a child theme on the WordPress site, then a simple way to do this would be to upload the CSS file to the child theme, then add this to the child theme’s functions.php file:
You’ll need to make sure to change
If you’re not using a child theme, another way to make this happen would be to create a little plugin by following this guide:
Then, upload the CSS file into the plugin.
It really does work because the email’s CSS is converted to inline by means of the CSS inliner tool that’s bundled in EE4.