Test messages

Amy Romanelli · December 2015

I'm working on EOY email messages. When I test the messages, there is an area of text that should be appearing as a headline, but is acutally appearing as smaller -- the size of the regular text in the email. This is happening on multiple browsers. How can I correct this?

Mark Kindy · December 2015

If the text is appearing too small when you preview the email (before sending out any tests or the actual thing), my suspicion would be that the wrapper being used contains bad style information for whichever heading type you're using (assuming <h1>, <h2>, etc.).

If it appears fine in the preview, it's probably an email client thing. What program and/or website are you using to receive this email? I know Outlook just adores ignoring certain style parameters even when they're placed inline; I'm not even sure Outlook has a default CSS for rendering content, but I could be wrong. My experience with all non-web-based email clients has been lackluster when it comes to HTML and CSS -- here is a good article expanding on it: http://www.sitepoint.com/how-to-code-html-email-newsletters/

Brian Mucha · December 2015

Just about every client has weird quirks. You really should be testing your email in a service like Litmus or Email on Acid. Its an extra cost, but really invaluable. Both will now tell you when you are using an unsupported style or tag.

Your message preview should not be using a wrapper. If it does, contact support to have the SiteOption changed to stop using wrappers on the MessageViewer. That will help a bit, but previewing in a browser is not reliable and shouldn't be trusted for more than the basics.

When building your email you should be using the HTML editor rather than the WYSIWYG. Make sure all your styles are inline.

<h1 style="font-size: 20px; font-weight:bold; color: blue;">My Cool Headline</h1>

Test messages

Comments

Categories