Using css in a StringTemplate Email

Question

I'm currently using StringTemplate to create my emails on the fly and its proven very easy to use in creation of the email. However, I'm trying to apply some styling to my emails and dont seem able to do this in the normal manner.

I can style parts of the mail if I write it inline, eg.

<p style="color:red;">Hello again, $name$ !</p>

will print the message in a red text.

But if I express a class like the following in my template:

<html>
<head>
   <title>Notification</title>       
</head>
<style>
    .myClass {
        text-decoration:underline;
           color:blue;
    }
   </style>
<body>      
    <p style="color:red;">Hello again, $name$ !</p>
    <p class="myClass">Here is your daily update</p>



   </body>
</html>

The paragraph with the "myClass" class isn't outputted in blue with an underline. I've tried importing stylesheets also but this didn't work.

Any help much appreciated,

-gearoid.

UPDATE: Looks at though it could be a gmail issue. If I view the mail on my iPhone it displays as expected...looks as though it'll have to all be done inline :(

Useful for future reference: http://www.campaignmonitor.com/css/

Answer 1

Please by wary of using stylesheets in your email templates as many email clients strip all content from the <HEAD> and simply display anything inside the <BODY> tags.

For this reason it is recommended that you use inline CSS only for complete cross-platform compliance.

Answer 2

Especially Firefox can be picky about content type. Try

<style type="text/css">

Using css in a StringTemplate Email

Question

2 answers

solution1
2 ACCPTED 2009-12-09 13:53:16

solution2
0 2009-12-09 13:39:33

Using css in a StringTemplate Email

Question

2 answers

solution1 2 ACCPTED 2009-12-09 13:53:16

solution2 0 2009-12-09 13:39:33

solution1
2 ACCPTED 2009-12-09 13:53:16

solution2
0 2009-12-09 13:39:33