0

I created an e-mail template, of Paste HTML type, with the code below:

<html>
<head>
    <style type="text/css">
        .test1{color:#FF0000}
        .test2{color:#00FF00}
    </style>
</head>
<body>
    <p class="teste1">TEMPLATE PARAGRAPH
    </p>
    <custom type="content" name="Mail content">     
    <custom name="opencounter" type="tracking">
</body>

After I created an e-mail, using the email template above, with the code below:

<p class="test2">CONTENT PARAGRAPH</p>

On all e-mails present by ExactTarget the use of css classes are respected. When the e-mail come to my gmail inbox, it comes in a plain text (without CSS formatting) and I can't figure out why!

Someone can help me with this issue or assure that only inline styles work on ExactTarget e-mails and template e-mails?

2

This isn't necessarily a SFMC/ExactTarget issue. Could be just be a Gmail thing. I'd refer to the Campaign Monitor The Ultimate Guide to CSS for CSS compatibility between mail clients, to make sure. If you do a lot of this kind of thing, you can't beat Litmus for render testing.

You can also just start with a Responsive Email Pattern, which is part of the excellent Responsive Email Resources site.

There are some instances in SFMC where rendering is different in Send Preview test sends vs actual sends (using a Guided Send or User-Initiated Send). SFMC headers and footers are usually the culprit. You might check those under Admin.

1

As far as I know GMAIL strips the header tag, so placing the style tag within give you the expected result - no styling.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.