Any input on how to make it consistent with the template please?<messaging:emailTemplate subject="Your campaign {!relatedTo.Name} is due to start" recipientType="User" relatedToType="Campaign">
<messaging:htmlEmailBody >
<html>
<head>
<style>
⌗header {
position: relative;
background-color:white;
left: 100px;
width:60%;
float:left;
margin-bottom:5px;
padding:5px;
}
⌗body {
position: relative;
left: 100px;
background-color:white;
height:250px;
width:60%;
float:left;
padding:5px;
}
</style>
</head>
<body bgcolor="⌗00A1C1">
<div>
<div id ="header">
<img src="NEC_Logo" alt="logo"></img>
</div>
<div id ="body">
Dear {!recipient.name}
<br></br>
<br>
Notification that "{!relatedTo.Name}" is due to start today.
</br>
</div>
</div>
</body>
</html>
</messaging:htmlEmailBody>
</messaging:emailTemplate>
Styling in mail templates is very inconsistent. One problem is your style tags. I know for a fact Gmail doesn't support that so you have to use inline styling. I'm not sure about the other services but I know the markup/styling is not consistent across them. I would say, remove the <style></style> tags and move the styling inline and experiment with the different mail services to get it looking consistent throughout. Good luck!