Customizing Email CSS
I haven’t shown you a way to customize email styles. This process is very simple and comes down to those three lines of code in the header.html file:
{{var template_styles|raw}}
{{css file="css/email.css"}}
[...]
<body>
{{inlinecss file="css/email-inline.css"}} The first directive inserts custom CSS from the template configuration in the Admin Panel:
Figure 7.22 – Template styles in the email template form
The second directive simply tells the PHP code that in this place it should insert the content of the web/css/email-inline.css file from the current theme used.
I encourage you to try and see the differences between those LESS files in the blank theme directory:
web/css/email.lessweb/css/email-inline.less
Their content is almost identical. There are two simple reasons...