Image in Gmail misbehaves

Hi there,

I am still having a little problem with the Minimalist template from your resources.

The small image (arrow) placed in the TOC header misbehaves in the email client.. (while in browser it displays perfectly)

Can you please advise a solution to style it so it displays just like in the browser version?

Here's the template online for you to look at.

Thanks so much!!

roshodgekiss roshodgekiss, 3 years ago

Hey again borovenskis, the issue here is that the following background-image CSS styles aren't supported in Gmail (snipped for brevity):

<h2 style="background-image:url(;background-repeat:no-repeat;background-position:right center;background-attachment:scroll;-moz-background-clip:-moz-initial;-moz-background-origin:-moz-initial;-moz-background-inline-policy:-moz-initial;">In This Issue </h2>

Your best bet is to align and float arrow-1.gif alongside the <h2> similar to this:

<h2 style="...">In This Issue</h2><img src="" align="right" style="float: right;" />

Admittedly this is something we can adjust in the template at some point, but thankfully, the fix is fairly straightforward. Thanks, borovenskis! I hope this has been useful.

Get in touch with us on Twitter:
We're also on Facebook:
borovenskis borovenskis, 3 years ago

Dear Ros,

Thank you for the suggestion. Unfortunately, I can't get it to work..

I mean, the arrow is there but not styled correctly.

I guess we'll send the first campaign out with this little error to stay on schedule.. In the meanwhile, hoping to figure out this Gmail trick.

roshodgekiss roshodgekiss, 3 years ago

Ok, there's always version 2 :) My other suggestion would be to add a table with 2 cells - one for the heading, one for the arrow. Often, that's the only way to have precise control over your layouts.

Get in touch with us on Twitter:
We're also on Facebook:

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free