Background image not loading
Please help - I'm not able to get a background image in load in the Outlook 2013 desktop app. It shows the bgcolor (which is good), but the image doesn't load. Any suggestions are greatly appreciated!
Here's the HTML for that section:
<table class="hero" align="center" bgcolor="#626f7d" background="http://go.pardot.com/l/84982/2017-08-11/89mp8q/84982/110353/5Star_2017_Conversation.png" border="0" cellpadding="0" cellspacing="0" height="325" width="600" style="background-image:url(http://go.pardot.com/l/84982/2017-08-11/89mp8q/84982/110353/5Star_2017_Conversation.png); background-size: contain; display: block;" valign="top">
<tbody>
<tr>
<td pardot-data="" scope="col" width="10" class="" > </td>
<td height="325" pardot-data="" scope="col" style="color: #ffffff;" width="590" class="">
<h1 style="line-height: 1.5; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #ffffff;">LET'S<br>
START A<br>
<span style="background-color: #94bb1e; color: #ffffff; padding: 10px;">CONVERSATION</span></h1>
</td>
</tr>
</tbody>
</table>`
I've also added this CSS in the <style> tag:
<style type="text/css">
.hero{
background-color: #626f7d;
background-image: url('http://go.pardot.com/l/84982/2017-08-11/89mp8q/84982/110353/5Star_2017_Conversation.png');
background-repeat: repeat-y no-repeat;
}
This is a good place to start: https://backgrounds.cm/
That said, I have been having problems with Outlook 2013 and 2016 lately, even with the help of this tool. They're inconsistent, though. Hopefully you won't run into them!
Hi Amanda, Outlook 2013 doesn't support background images, unfortunately :( But Jeremy's suggestion of using the https://backgrounds.cm tool is spot on—it'll generate VML code as well as your "normal" HTML code which will get background images working in Outlook 2013.