Gmail display:none;

I'm working on an HTML email with 2 themes. I want both themes to have the same markup structure.

One theme has a rounded corner png image up top, the other does not. So for the one that does not, I'd like to use a display:none; on the wrapping <div>.

Surprisingly, this is working in Outlook 07, but in Gmail, the rounded corner image still appears.

Can anybody help me with this issue?

 <div class="welcome-hdr-img" style="font-size: 14px;line-height: 20px;font-family: Tahoma;color: #666666;border-collapse: collapse;display: none;">
                    <img src="img/welcome-hdr.png" width="600" height="16" border="0" vspace="0" hspace="0" style="border: 0;">

I've used display:none; on the img tag as well, but that was still unsuccessful. When I used display: none !important; it worked in Gmail but started to display in Outlook 2007.

BThies BThies, 7 years ago

Off the top of my head, have you tried putting the display:none !important in the image while placing the regular display:none in the div?

Brian Thies
Professional Email Developer
Thies Publishing
ddumont, 7 years ago

That actually worked -- Thanks Brian

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free