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

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

Get started for free