CODEWITHSUNDEEP
htmlemailgmail
user828640
user828640

Reputation: 71

Background image doesn't show up in Gmail

I coded an html email, and just tested in Gmail. Everything shows up fine besides for a background image. I put the background image on my wrapper table, like this:

<table cellpadding="0" cellspacing="0" border="4px solid grey" align="left"  background="http://www.totalrecallsolutions.com/corporate/email templates/images/appt_reminder_one_bg.jpg">

And still, there is no image showing up in Gmail. I understood from my google searches that this is the correct way to make a background image show up in Gmail. So why is it not showing up?

Thanks!!

Upvotes: 1

Views: 10209

Answers (4)

Sadie Richter
Sadie Richter

Reputation: 1

The fix is NOT to select / search for an individual image when setting the theme. The image MUST be in an album, even if it's just 1 picture. You can then set it as your background

Upvotes: 0

irie
irie

Reputation: 31

In my case I had CSS styles defined for background-repeat and background-size in a style tag that was being transformed to a single inline background: no-repeat/cover that was overriding the background attribute for my table. Using just [table background="image-url"] worked for me

Upvotes: 0

Kama
Kama

Reputation: 193

Gmail has added support for background and background-image properties last February (according to Campaign Monitor).

But in order for it to show, your code must contain at least one < img > tag. You can use spacer.gif to trick it (or any transparent image for that matter).

Upvotes: 0

Isaac Zepeda
Isaac Zepeda

Reputation: 300

Besides the url with spaces, there's another thing, Gmail doesn't allow url() attribute in inline css

Don't use background images. Gmail, among others, will ignore any url() attribute in an inline style, and the simple background= tag attribute. You can use background colors if you wish (bgcolor tag attribute or background-color: css statement).

Here is the link where I read that: http://groundwire.org/support/articles/css-and-email-newsletters

Regards

Upvotes: 3

Related Questions