Hi Ann,
Different email clients have different rules for addressing what displays below the subject line in an HTML email (called "preheader text"). If you want to be sure that your preheader text displays only what you want people to see, you can add some code similar to this at the top of your email, before the opening <table> tag:
<div style="color: #fff; line-height: 1px; overflow: hidden; font-family: Helvetica, Arial, sans-serif; font-size: 1px; display: none; max-height: 0px; max-width: 0px; opacity: 0;">
I am the text you will see in your inbox before opening the email!
</div>
All of the styles listed are to ensure the text ONLY appears in the inbox beneath the subject line, and not in the email itself when opened:
color: #fff (sets the color to white, but this should be the same color as your email template's background)
line-height & font-size: 1px (this text can only take up 1 pixel of height)
overflow: hidden (don't show anything that is bigger than the box it's in)
display: none (do not show)
max-height & max-width: 0 (the containing box can be 0 pixels talls and wide)
opacity: 0 (make this whole thing invisible)
I think the only thing you would need to change to customize the code above is the color value and the content; the other styles should be universal.
Thanks!
------------------------------
Katie McIntyre
Manager, Technical Production
Opus Agency
------------------------------
Original Message:
Sent: 12-17-2019 15:42
From: Ann Warren
Subject: Graphic name shows up in subject line text lead-in
Hi James;
Thanks for your reply.
My question is why the name of the graphic is showing up in the email lead-in text.
I understand how to use ALT text, that wouldn't solve the issue. And the subject line in my initial message was simply an example to illustrate the problem.
Ann
Original Message------
Hello Ann,
We have not come across that issue with Cvent and gmail ourselves, but I can suggest to use Alt text for the header image. My other suggestion is have a better descriptive subject line. Instead of "Our Event" use something like, "Our Alumni Dinner".
Hopefully these suggestions help,
------------------------------
James Rose | Senior Web Developer and Content Management
Digital Infrastructure, Implementation, Strategy, and Support
Office of University Development | University of Michigan
------------------------------