How to fix white gaps in Gmail
Whilst the following tip might seem very simple, we have noticed this issue in the marketing emails of many big brands, which is frustrating when it is so easy to fix!
If you are trying to send an HTML marketing email which includes lots of different images, you will probably notice that when testing in Gmail that there is whitespace in between your images. So your email graphics end up looking like this…
Don’t worry, the solution is really simple! All you need to do is add the following piece of code to the image which is above the white gap:
style="display:block;"
So in the example given it would be
1 2 3 | <img src="livescores-top.jpg" style="display: block;" /> <br /> <img src="livescores-bottom.jpg" /> |
If we apply this code and then retest the email in Gmail, the white gaps have disappeared!
Pretty simple fix, but it’s one that even some of the big brands haven’t fixed on their marketing emails.
We have a wealth of experience when it comes to email marketing. Should you wish to discuss your email marketing requirements with us then please contact us.
