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;">
                </div>

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, 6 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, 6 years ago

That actually worked -- Thanks Brian

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098