Email Design Support Guide

There is no doubt that troubleshooting email design is very tricky. With the rising art of Chrome Dev Tool it makes deugging web pages and client side code very easy as we are able to see exactly what is happening. 

Outlook 2007 – 2013 ignores margin and padding CSS styling when placed within an image.

What’s the problem? The email reader tries to be helpful and sets links on certain data in your email such as telephone numbers, dates or addresses. Unfortunately, the email reader uses its own default text link styling, often in blue, often a...

What’s the problem? The email reader overrides the link colour and styling set in your email code, instead using CSS to show text links in their own default font-size and shade of blue. These links become hard to read if they appear on a dark...

What’s the problem? The email reader shows gaps under each image in your email. So, if you want to place an image hard up against another element in your email - for example a banner image that needs to sit up against a menu strip, or an image...

Most people of customer know how to create Tables in HubSpot but a lot of people don't know what it would take a create a responsive table. While having tables in your website page is a big no no email clients are becoming more and more mobile...

Is the email being viewed in a client that supports responsive email?Most desktop email clients do not support responsive emails;  the responsiveness is mainly for mobile devices or the web page version of the email.

Common Elements

Outlook: