Tips for making this look better in Outlook Windows 10

Highlighted
Occasional Contributor

This email template looks fine in every email client except Outlook 10. I've already made some changes, but how do I fix the issues that are left? It doesn't have to be perfect, but I would like it to look as good as possible. 

 

 

Every email client except Outlook Windows 10

Screen Shot 2020-09-25 at 9.16.04 AM.png

Outlook Windows 10

Screen Shot 2020-09-25 at 9.15.46 AM.png 

 

0 Upvotes
2 Replies 2
Highlighted
Esteemed Contributor

Hi @allisonnance ,

 

Which version of HubSpot are you using? And is that a custom-coded template in the Design Manager, or a HS provided default, or a template you purchased, or a drag-and-drop one?

 

Background colors are notoriously fiddly on Outlook (as you're seeing!) - and the cause can be many things. Potentially you need to set the background colour on many of the table elements, or possibly you'll need to add something like this if you're hand coding:

 

<!--[if mso 16]>
	<style type="text/css">
		html, body, table.bgtable table.bgcell {background: #eaeaea;}
	</style>
<![endif]-->

 

Cheers,

Mike

 

---

Did I answer your question? If your question is answered, please mark it as a solution. If you need more help, hit that big orange 'Reply' button!

0 Upvotes
Highlighted
Occasional Contributor

It's a drag and drop template. The CSS you provided partially worked.

 

Screen Shot 2020-09-25 at 10.34.22 AM.png

0 Upvotes