Alt text Background Color Gmail Android App

Davide Riva posted 2016-09-30 12:06:36

Hi All,

I noticed that in GMAIL Android App, every images with a colored background on alt text appear with border. How to solve this?

Here is my code for a single image row:

<tr>
<td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;" >
        <table width="100%" style="border-spacing:0;font-family:sans-serif;color:#333333;border-collapse:collapse;" >
            <tr>
                <td align="center" style="border-right-width:2px;border-right-style:solid;border-right-color:#f5f2f2;border-left-width:2px;border-left-style:solid;border-left-color:#f5f2f2;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;" >
                    <a href="https://@REPLACE" target="_blank" style="text-decoration:none;display:block;color:#ee6a56;" >
                                    <img src="https://dl.dropboxusercontent.com/s/fd9877ykkry3u6z/03.jpg?dl=0" width="630" alt="Avec le code promo" style="max-width:630px;width:100%;height:auto;display:block;font-size:18px;color:#323334;font-family:Arial,Helvetica,sans-serif;background-color:#5287AB;font-weight:bold;line-height:30px;border-width:0;overflow:hidden!important;" />
                                </a>
                </td>
            </tr>
        </table>
    </td>
</tr>

Xing Wei replied 2016-09-30 08:54:00

Hi! Did you tried the border property of <img>: border="0" ?

Reply to Xing Wei

Davide Riva replied 2016-09-30 09:55:34

Yep, but nothing changed. I also noticed that, if I zoom in the email, at certain zoom those borders disappear. Maybe a "zoom issue"?

Xing Wei replied 2016-09-30 10:36:59

Hi! I think yes, maybe this is caused by the way of rendering that Gmail Android app uses.

We don't have this issue but have experienced the similiar one:

Our CTA buttons (full HTML and CSS) have 1px borders and sometimes they can not be completely shown in portrait mode. Only if you zoom in a bit the "missing" borders are visible again. There was no such issue with 2px borders. Thus I guess it depends on the way how the Gmail Android app renders on screens with high-density pixels.

Back to your case...do you need to keep the "background-color:#5287AB;"? Maybe you can remove it if this is an optional property?

Davide Riva replied 2016-09-30 12:06:36

Yes, the only solution found at the moment is remove the background-color property.

Thanks!

The Litmus Community is the place for email designers and marketers to learn, grow, and educate each other about everything email.

Alt text Background Color Gmail Android App

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password