We had to include a CSS element at the top of the mail HTML to achieve this. Ours are saved as Action Templates and passed into SmartMail as a short code by the Action Processor, but it will likely work the same.
Hi,
your html file for the templates is most likely missing some needed html code.
Here is an example of a basic email for call resolution:
<html>
<head>
<style type="text/css">
#container {padding: 0 30px;}
table#msg {border: 1px solid #00876E; border-collapse: collapse; margin: auto;width: 700px;font-family:verdana;font-size:9pt;color:#25383C;}
table#msg th {background-color: #00876E;color: white; text-align: left;padding: 10px;}
table#msg td {border: 1px solid #00876E;padding: 0 10px;}
table#event {font-family:verdana;font-size:9pt;color:#25383C;}
table#event td {border: 0;padding: 0;}
table#event td.desc {font-size:7pt;color:#C0C0C0}
#note {font-size:8pt;color:#707070}
</style>
<body>
<div id="container">
<table id="msg">
<tr>
<th>
<b>Axios Service Desk</b>
</th>
</tr>
<tr>
<td>
<br>
You recently reported an Incident with the following details:<br>
<br>
<table id="event">
<tr><td><b>Reference Number:</b></td><td>$EVENT_TYPE_EXT_PREFIX$EVENT_REF</td></tr>
<tr><td><b>Summary of your Incident:</b></td><td>$SUMMARY</td></tr>
<tr><td> </td></tr>
</table>
</td>
</tr>
<tr>
<td>
<br>
This call has now been closed with the following comments:<br>
<br>
<i><%=html_break(ACT_DESC)%></i>
<br>
<br>
</td>
</tr>
<tr>
<td>
<br>
<b>Service Desk</b><br>
<br>
</td>
</tr>
</table>
</div>
</body>
</head>
</html>
Here’s what I had…
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>$INTRO <br>THIS IS A DEV TEST... PLEASE IGNORE</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
div {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 100px;
margin-left: 100px;
}
</style>
<body>
<div>
<p>Hello $AFF_USR_FIRST_NAME,</p>
<p>Your GCdocs ‘Search Slice’ has been created as requested.</p>
<p>Below please find the instructions for using the search slice, as well as the Risks and Privacy Considerations, to be reviewed prior to using the new search slice.</p>
<p>*Please forward to all the Users who have been granted access to the new search slice.*</p>
<h1><b>GCdocs Search Slices</b></h1>
<h2><u><b>How a Search Slice Works</b></u></h2>
<p><blockquote>To provide search function in GCdocs, we create a search slice.
The way a search slice works is you choose a desired location to start the search from and when you choose that slice it always searches from that location down.
In this instance, your slice would be called (Enter location of Slice).</blockquote></p>
<p>If you have any questions, please let us know.</p>
<p>Thank you,</p>
<br></br>
<p>IM GCdocs Operations Policy</p>
</div>
</body>
</html>