You can modify the HTML code that wraps around all the email templates, known as the Email Wrapper.
- Navigate to Admin > PDF/Email Templates > Email Templates.
- At the bottom, Advanced (caution).
- Click Edit HTML of Email Wrapper.
If you mess up the code, just click Revert Templates to restore the code to its default version.
However, this will reset ALL the email templates. If you need to only reset the wrapper code, just copy and paste the below default code.
<style>
body {
-webkit-text-size-adjust: none;
margin: 0;
padding: 0;
width: 100%;
color:#393c3d;
}
</style>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: none;margin: 0;padding: 0;width: 100%;">
<center>
<table class="backgroundTable" border="0" cellspacing="0" cellpadding="0" style="margin: 0;padding: 0;background-color: #ffffff;height: 100%;width: 100%;"><!-- // Content Table Starts Here -->
<tr>
<td align="center" valign="top" bgcolor="#f8f8f8"><!-- // PageTop Wrapper Begin -- Insert Image Here -->
<span style="color: #E8E8E8; font-size: 10px;">----- REPLY ABOVE THIS LINE TO SEND A RESPONSE -----</span><br><br>
<div style="font-size:15px;"> </div>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
</td>
</tr>
</table>
<div style="font-size:10px;"> </div>
<!-- // PageTop Wrapper Ends -- Insert Image Here -->
<!-- // Content Wrapper Begin -- Change Background Color Here -->
<table border="0" cellspacing="0" cellpadding="1" class="tableWrapper" style="width: 622px;">
<tr>
<td align="center" bgcolor="#dbdbdb"><table border="0" cellspacing="0" cellpadding="0" class="fullTable" style="width: 620px;">
<tr>
<td align="center" bgcolor="#fefefe"><table width="90%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" class="fullTable" style="width: 620px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="medheight" style="line-height: 30px;"> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="innerTable2" style="width: 540px;">
<tr>
<td align="left" valign="top" class="innertable">
<span class="body" style="color: #393c3d;font-family: Helvetica, Arial, sans-serif;font-size: 16px;line-height: 24px;">
<p style='text-align: center;'>{{location_logo_100}}</p>
<p> </p>
{{email_body}}
</span></td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="smallheight" style="line-height: 10px;"> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
{{gray_social_links}}
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="smallheight" style="line-height: 10px;"> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="smallheight" style="line-height: 10px;"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="innertable">
<!-- // Footer Starts Here -->
<tr>
<td align="center" valign="top" class="footer" style="color: #959595;font-family: Helvetica, Arial, sans-serif;font-size: 13px;line-height: 16px;">
Sent with care from {{account_name}}<br>
<br>
{{account_address}}
</tr>
<!-- // Footer Ends Here -->
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="smallheight" style="line-height: 10px;"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<!-- // Content Wrapper End -- Change Background Color Here -->
<div style="font-size:15px;"> </div>
<div style="font-size:15px;"> </div></td>
</tr>
<!-- // Content Table Ends Here --></table>
</center><br>
</body>