First things first: This post dives into some technical details about the Mews mailing templates and therefore is probably not suitable for everyone .
Lets be honest: The customization options for the mews mailings and the entire mailing handling is a bit lacking đŤ .
Especially frustrating is that mews adds content around the actual mailing so even if you edit these templates there is still a logo on top you probably donât want in this form and some text at the bottom .
I know that Mews is probably aiming for a very stress free system that mostly just works out of the box but i donât think they should hinder âpower usersâ unnecessarily that need to adjust these (fully) .
âââ
Right now i am exploring ways to tackle this problem and to bring our Mews mailings to a visual level that is appropriate and matching our other communication .
The first step was looking into the mailings code and search for ways to handle that unwanted content. Because Mews is adding this around the template you can edit afterwards, there is no way to actually remove that .
But it would be possible to hide the unwanted content by adding a style into the template that does exactly that. Below is my try which works actually not that bad:
<style>
body {
background: #e6e4e0 !important;
margin: 0px !important;
}
body > div:first-child {
background: #FFF !important;
max-width: auto !important;
}
body > div:first-child > div:first-child,
body > div:first-child > div:last-child > table:last-child,
.flexibleLogo {
display: none !important;
}
</style>
Important to mention here is that iâve used some CSS selectors which are problematic in the realm of e-mailings. To be exact first-child and child-combinator doesnât work in all clients, so this reset is not consistent and may fail to hide the contents in some cases/clients .
Iâve already created an feedback idea for adjusting mailing templates but i have is a very straightforward suggestion for the mews dev team that doesnât change the current system, is not hard to implement and still gives us the opportunity to fully customize these templates (maybe you can help with thatÂ
Consider adding some classes/ids to your mailings elements, especially the logo and the âdonât share this informationâ part so we can target that .
With that we would be able to add an (robust) style to our templates to hide these elements which would look something like that:
<style>
#mews_mailing_body {
background: #e6e4e0;
margin: 0px;
}
#mews_mailing_content {
background: #FFF !important;
max-width: auto !important;
}
#mews_auto_logo,
#mews_info_disclaimer {
display: none !important;
}
</style>
Â