1.3.7 emails not displaying CSS and html anymore

**Hyena** · 19 Dec 2011, 02:01 AM

Hello,

I have been digging and racking my brain for 3 days. It used to work perfectly with my previous design but now I can't find a way to have my design displayed.

I use Thunderbird and I manage a hotmail, a gmail and my own domain name accounts as well as a french one. Now it doesn't show the same thing everywhere. I also checked directly with the emails clients and this is sometimes worse.
Hotmail shows only the text. My french account shows most of the design css and html. But some css is not showing (for example, the banner or the links colors).

When I set up the css following the basic coding, I get it perfectly in the admin welcome mail (I use chrome), I also get everything in my preview.

Then I thought maybe my emails account and/or thunderbird were stripping the css from my emails. I changed everything to html but the banner is not showing anymore. I've tried everything.

I am really at lost!!!

I use Zen Cart 1.3.7
I don't use the override system.
And here is the code of my email template

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>

<style type="text/css">

a:link {color:#808000;
text-decoration: none;}

a:hover {color:#33e1e1;
text-decoration: none;}

a:visited {color:#88aa00;
text-decoration: none;}

body {
background-color: #444444;
}
.disclaimer1 {color:#808000; padding:5px;}

.disclaimer1 a:link {color:#33e1e1;
text-decoration: none;}

.disclaimer1 a:visited {color:#88aa00;
text-decoration: none;}

.disclaimer2 {color:#808000; }
</style>

</head>



<div align="center">
<p> </p>

<table width="919" border="1" align="center" cellpadding="10" margin-top="10%" cellspacing="0" bordercolor="#808000" bgcolor="#FFFFFF">
<tr>
<td>
<table width="800" height="177" border="0" cellpadding="10" align="center">
<tr>
<td><img src="http://recycledbyhyena.com/email/header.jpg" width="800" height="177" /></td>
</tr>
</table>
<p> </p>
<div class="content">
<div>$CONTACT_US_OFFICE_FROM</div>
<div>$EMAIL_MESSAGE_HTML</div>
</div>

<p> </p></td>
</tr>
</table>
<br>
<br>
</div>
<div align="center">

</div>

<div>
<table width="919" border="1" align="center" cellpadding="10" cellspacing="0" bordercolor="#808000" bgcolor="#FFFFFF">
<tr>
<td><div align="center"><span class="copyright">$EMAIL_FOOTER_COPYRIGHT</span></div></td>
</tr>
</table>
<br>
<br>
</div>
<div>
<table width="919" border="1" align="center" cellpadding="10" cellspacing="0" bordercolor="#808000" bgcolor="#FFFFFF">
<tr>
<td><div align="center"><span class="disclaimer1">$EMAIL_DISCLAIMER</span></div></td>
</tr>
</table>
<br>
<br>
</div>
<div>
<table width="919" border="1" align="center" cellpadding="10" cellspacing="0" bordercolor="#808000" bgcolor="#FFFFFF">
<tr>
<td><div align="center">$EXTRA_INFO</div></td>
<tr>
</table>
<br>
<br>
<br>
</div>
<br>
<br>

</body>
</html>

And here the normal css file

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=$CHARSET" />
<base href="$BASE_HREF" />

<style type="text/css">
body {background-color:#444444;
font-family:Courier New, Courier, mono;
}

.header {
padding:15px;
margin-left:35px;
border:0px solid #808000;

}
a:link {color:#808000;
text-decoration: none;}

a:hover {color:#33e1e1;
text-decoration: none;}

a:visited {color:#88aa00;
text-decoration: none;}

.holder {background-color:#ffffff;
border:1px solid #808000;
font-size:15px;
width:900px;
-moz-border -radius: 15px;
border-radius: 15px;
padding: 10px;
margin-bottom:15px;
margin-top:20px;
margin-left: auto; margin-right: auto;
}

.content {font-size:10px;
padding:10px;
text-align:justify;
width:875px;}

.footer{text-align:center;
font-size:15px;}

.disclaimer {background-color:#ffffff;
border:1px solid #808000;
-moz-border -radius: 15px;
border-radius: 15px;
font-size:10px;
padding:10px;

margin-left: auto; margin-right: auto;
width:900px;}

.disclaimer1 {color:#808000; padding:5px;}

.disclaimer1 a:link {color:#33e1e1;
text-decoration: none;}

.disclaimer1 a:visited {color:#88aa00;
text-decoration: none;}

.disclaimer2 {color:#808000; padding:5px;}

.copyright { padding:5px;
color:#000000;}

</style>

</head>

<body>

<div class="holder">


<div class="header"> <img src="/email/header.jpg" />
</div>


<div class="content">
<div>Dear $EMAIL_FIRST_NAME $EMAIL_LAST_NAME,</div>
<div>$EMAIL_MESSAGE_HTML</div>
</div>


<div class="footer">
<div class="unsubscribe">$UNSUBSCRIBE_LINK</div>
<div class="copyright">$EMAIL_FOOTER_COPYRIGHT</div>
</div>

</div>
<div class="disclaimer">
<div class="disclaimer1">$EMAIL_DISCLAIMER</div>
<div class="disclaimer2">$EMAIL_SPAM_DISCLAIMER</div>
</div>
</body>
</html>

In advance thank you for the help!!

**Hyena** · 19 Dec 2011, 10:46 PM

Is it because it is christmas, no one is around? Help please!

**Kim** · 19 Dec 2011, 10:54 PM

Unfortunately for you, 1.3.7 is no longer supported. You really need to upgrade your site.

**Hyena** · 20 Dec 2011, 12:48 AM

oh my!!!This will be a nightmare! How do I do that and keep all my setting?

**Hyena** · 20 Dec 2011, 01:15 AM

I don't think I will upgrade. I will just install the latest version (1.5.0 Rc2) right? Any advice about that?

**stevesh** · 20 Dec 2011, 11:53 AM

Originally Posted by Hyena

I don't think I will upgrade. I will just install the latest version (1.5.0 Rc2) right? Any advice about that?

That's what I would do. If you've had your store since 1.3.7 was current, chances are the design has gotten a little stale anyway, and you may have found that some of the mods you installed aren't that useful after all, so look at this as a chance to recreate the store.

**Hyena** · 20 Dec 2011, 05:59 PM

Thank you Stevesh, I ended up thinking that too after the first moment of panic. It will be easier to run and all the css design is already there so...
Just one thing, I have read it was not advised to install the beta of 1.5.0 but the current 1.3.9h? Anyway I'll do that first and use the override system this time!

thank you for your help!

**gjh42** · 20 Dec 2011, 06:10 PM

For developing a (new) site, it is advised to install v1.5.0RC2 now and start your work. When 1.5.0 is officially released, it will then be a simple matter to apply your customizations to that and take it live.

**Hyena** · 20 Dec 2011, 06:20 PM

gjh42, when will it be released? Because meanwhile I can't send proper newsletter to my customer and this is bugging me. I am a bit crazy on perfect design. I agree that 1.5.0 looks awesome but there is no add on like image handler and so on, which I really appreciate.

**gjh42** · 20 Dec 2011, 06:46 PM

If you depend on Image Handler or other mods not yet upgraded for v1.5, then install v1.3.9h now. You can always upgrade when conditions are right.

The last I heard, v1.5.0 had "excellent" odds for being released by the end of the year. That was several weeks ago; I have no more recent news.

Thread: 1.3.7 emails not displaying CSS and html anymore

Thread Tools

Search Thread

Display

1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Re: 1.3.7 emails not displaying CSS and html anymore

Similar Threads

Emails, html preview not working anymore, ajax update problem?

Newsletters and emails not sending HTML messages

some emails not displaying html, others are

Emails not sending anymore following physical server move

Bookmarks

Bookmarks

Posting Permissions