MistaGrk Posted November 21, 2017 Report Posted November 21, 2017 Hi Team. I am trying to switch up my themes and offer clients something more branded. I developed the following template and I am getting the following error when trying to save it: Template parse error: unexpected character in filters : ";" at 453 <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background: rgb(0, 0, 0); font-size: 0px; width: 100%;"> <tbody> <tr> <td> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%;"> <tbody> <tr> <td style="text-align: center; vertical-align: top; direction: ltr; padding: 0px;"> <div class="mj-column-per-100 outlook-group-fix" style="vertical-align: top; display: inline-block; direction: ltr; font-size: 13px; text-align: left;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td style="word-wrap:break-word;font-size:0px;"> <div style="font-size:1px;line-height:50px;white-space:nowrap;"> </div> </td> </tr> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 0px 0px 0px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-spacing: 0px;"> <tbody> <tr> <td style="width:174px;"> <img alt="" height="auto" src="https://topolio.s3-eu-west-1.amazonaws.com/uploads/5a139d2d18f2a/1511234882.jpg" style="border-width: initial; border-style: none; border-radius: 0px; display: block; font-size: 13px; width: 100%;" title="" width="174" /></td> </tr> </tbody> </table> </td> </tr> <tr> <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:33px;padding-bottom:33px;padding-right:25px;padding-left:25px;"> <p style="font-size:1px;margin:0px auto;border-top:1px solid #000000;width:100%;"> </p> </td> </tr> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;"> <div style="cursor: auto; color: rgb(255, 255, 255); font-family: Lato, Tahoma, sans-serif; font-size: 14px; line-height: 22px;"> <h1 style="font-family: Cabin, sans-serif; font-size: 32px; line-height: 100%;"> <span style="font-size:20px;">Welcome to RocketSavvy, {contact.first_name}.</span></h1> </div> </td> </tr> <tr> <td style="word-wrap:break-word;font-size:0px;"> <div style="font-size:1px;line-height:50px;white-space:nowrap;"> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <div class="mj-container" style="background-color:#FFFFFF;"> <!--[if mso | IE]> </td></tr></table> <![endif]--><!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"> <tr> <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:35px 0px 35px 0px;"> <!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="vertical-align:top;width:300px;"> <![endif]--> <div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;"> <div style="cursor:auto;color:#000000;font-family:Lato, Tahoma, sans-serif;font-size:11px;line-height:22px;text-align:center;"> <h2 style="color: #757575; line-height: 100%;"> <span style="font-size:18px;">Your temporary password is</span></h2> <h3 style="line-height: 100%;"> <span style="color:#000000;"><span style="font-size:22px;">{password}</span></span></h3> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td><td style="vertical-align:top;width:300px;"> <![endif]--> <div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;"> <div style="cursor:auto;color:#000000;font-family:Lato, Tahoma, sans-serif;font-size:11px;line-height:22px;text-align:center;"> <h2 style="color: #757575; line-height: 100%;"> <span style="font-size:18px;">Your username is</span></h2> <h3 style="line-height: 100%;"> <span style="color:#000000;"><span style="font-size:22px;">{username}</span></span></h3> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td></tr></table> <![endif]--></td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <!--[if mso | IE]> </td></tr></table> <![endif]--><!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"> <tr> <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#000000;font-size:0px;width:100%;"> <tbody> <tr> <td> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:37px 0px 37px 0px;"> <!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="vertical-align:top;width:300px;"> <![endif]--> <div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 13px 0px 13px;"> <div style="cursor:auto;color:#FFFFFF;font-family:Lato, Tahoma, sans-serif;font-size:14px;line-height:22px;text-align:center;"> <p> <strong><span style="font-size:14px;"><span style="color:#ffffff;">Login to Activate your Account</span></span></strong></p> </div> </td> </tr> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:8px 11px 8px 11px;padding-top:10px;padding-left:25px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;"> <tbody> <tr> <td align="center" bgcolor="#FFFFFF" style="border:none;border-radius:24px;color:#000000;cursor:auto;padding:10px 25px;" valign="middle"> <a href="http://{client_url}login/" style="text-decoration:none;background:#FFFFFF;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;font-size:18px;font-weight:normal;line-height:120%;text-transform:none;margin:0px;" target="_blank">Activate your Account</a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td><td style="vertical-align:top;width:300px;"> <![endif]--> <div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 0px 0px 0px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:114px;"> <img alt="" height="auto" src="https://topolio.s3-eu-west-1.amazonaws.com/uploads/5a139d2d18f2a/1511235368.jpg" style="border:none;border-radius:0px;display:block;font-size:13px;outline:none;text-decoration:none;width:100%;height:auto;" title="" width="114" /></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td></tr></table> <![endif]--></td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <!--[if mso | IE]> </td></tr></table> <![endif]--><!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"> <tr> <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:9px 0px 9px 0px;"> <!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="vertical-align:top;width:300px;"> <![endif]--> <div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;"> <p style="font-size:1px;margin:0px auto;border-top:1px solid #FFFFFF;width:100%;"> </p> <!--[if mso | IE]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0px auto;border-top:1px solid #FFFFFF;width:100%;" width="300"><tr><td style="height:0;line-height:0;"> </td></tr></table><![endif]--></td> </tr> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;"> <div style="cursor:auto;color:#000000;font-family:Lato, Tahoma, sans-serif;font-size:11px;line-height:22px;text-align:center;"> <h2 style="color: #757575; line-height: 100%;"> <span style="color:#000000;">Phone Sales</span></h2> <h3 style="line-height: 100%;"> <span style="color:#000000;">1.866.894.0853</span></h3> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td><td style="vertical-align:top;width:300px;"> <![endif]--> <div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:10px;padding-right:10px;"> <p style="font-size:1px;margin:0px auto;border-top:1px solid #FFFFFF;width:100%;"> </p> <!--[if mso | IE]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0px auto;border-top:1px solid #FFFFFF;width:100%;" width="300"><tr><td style="height:0;line-height:0;"> </td></tr></table><![endif]--></td> </tr> <tr> <td align="center" style="word-wrap:break-word;font-size:0px;padding:22px 26px 22px 26px;padding-top:10px;padding-left:25px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;"> <tbody> <tr> <td align="center" bgcolor="#000000" style="border:none;border-radius:24px;color:#fff;cursor:auto;padding:10px 25px;" valign="middle"> <a href="https://tawk.to/chat/593c59e3282a395fdf74c293/default/?$_tawk_popout=true" style="text-decoration:none;background:#000000;color:#fff;font-family:Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;font-size:17px;font-weight:normal;line-height:120%;text-transform:none;margin:0px;" target="_blank">Live Chat</a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td></tr></table> <![endif]--></td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <!--[if mso | IE]> </td></tr></table> <![endif]--><!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"> <tr> <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:9px 0px 9px 0px;"> <!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="vertical-align:top;width:600px;"> <![endif]--> <div class="mj-column-per-100 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td style="word-wrap:break-word;font-size:0px;padding:10px 25px;padding-top:10px;padding-bottom:10px;padding-right:54px;padding-left:54px;"> <p style="font-size:1px;margin:0px auto;border-top:1px dotted #868686;width:100%;"> </p> <!--[if mso | IE]><table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0px auto;border-top:1px dotted #868686;width:100%;" width="600"><tr><td style="height:0;line-height:0;"> </td></tr></table><![endif]--></td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td></tr></table> <![endif]--></td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <!--[if mso | IE]> </td></tr></table> <![endif]--><!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"> <tr> <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td> <div style="margin:0px auto;max-width:600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="font-size:0px;width:100%;"> <tbody> <tr> <td style="text-align:center;vertical-align:top;direction:ltr;font-size:0px;padding:0px 0px 0px 0px;"> <!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="vertical-align:top;width:300px;"> <![endif]--> <div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td align="left" style="word-wrap:break-word;font-size:0px;padding:0px 20px 0px 20px;"> <div style="cursor:auto;color:#949494;font-family:Lato, Tahoma, sans-serif;font-size:14px;line-height:22px;text-align:left;"> <p> <span style="font-size:12px;">Copyright © 2017 RocketSavvy IT&T<br /> All rights reserved. </span></p> </div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td><td style="vertical-align:top;width:300px;"> <![endif]--> <div class="mj-column-per-50 outlook-group-fix" style="vertical-align:top;display:inline-block;direction:ltr;font-size:13px;text-align:left;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"> <tbody> <tr> <td align="right" style="word-wrap:break-word;font-size:0px;padding:10px 25px;"> <div> <!--[if mso | IE]> <table role="presentation" border="0" cellpadding="0" cellspacing="0" align="undefined"><tr><td> <![endif]--> <table align="right" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> <tbody> <tr> <td style="padding:4px;vertical-align:middle;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:none;border-radius:3px;width:35px;"> <tbody> <tr> <td style="vertical-align:middle;width:35px;height:35px;"> <a href="https://www.facebook.com/rocketsavvy"><img alt="facebook" height="35" src="https://s3-eu-west-1.amazonaws.com/ecomail-assets/editor/social-icos/outlinedbw/facebook.png" style="display:block;border-radius:3px;" width="35" /></a></td> </tr> </tbody> </table> </td> <td style="padding:4px 4px 4px 0;vertical-align:middle;"> </td> </tr> </tbody> </table> <!--[if mso | IE]> </td></tr></table> <![endif]--></div> </td> </tr> </tbody> </table> </div> <!--[if mso | IE]> </td></tr></table> <![endif]--></td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </div> <style type="text/css"> #outlook a { padding: 0; } .ReadMsgBody { width: 100%; } .ExternalClass { width: 100%; } .ExternalClass * { line-height:100%; } body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; } p { display: block; margin: 13px 0; }</style> <style type="text/css"> @media only screen and (max-width:480px) { @-ms-viewport { width:320px; } @viewport { width:320px; } }</style> <p> <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css" /> </p> <p> <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css" /> <style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Lato); @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700); </style> <style type="text/css"> @media only screen and (min-width:480px) { .mj-column-per-100 { width:100%!important; }.mj-column-per-50 { width:50%!important; } } </style> </p>  Quote
0 Tyson Posted November 21, 2017 Report Posted November 21, 2017 I see you include custom CSS at the bottom of your HTML. That CSS uses open/close braces (i.e. "{" and "}"), which are reserved characters used for tag replacement by the template parser, so your CSS rules are conflicting with it. See my post here for a work around. MistaGrk 1 Quote
0 Beav Posted November 21, 2017 Report Posted November 21, 2017 Maybe a pastebin would shorten your post Quote
0 Michael Posted November 21, 2017 Report Posted November 21, 2017 Paste the code into the text box on the email template, copy and paste it into a source "html" box and save it. Quote
Question
MistaGrk
Hi Team.
I am trying to switch up my themes and offer clients something more branded. I developed the following template and I am getting the following error when trying to save it:
Template parse error: unexpected character in filters : ";" at 453
Â
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.