an
groups-icon

Format Error Through Mail List Widget Responsive Email Template HTML CSS

Wait a minute... This content is very very old. We no longer sell or support this theme version. New Topics
  • Version 9
    Justin Crowhurst
    5 points
    Beginner

    Hi ,

    Can anyone help, with newsletters sent from the mail list in coupon press. I just can’t get the top of the emails to work. It doesn’t matter what template I use, I have tried several including recommended responsive ones on litmus. Does anyone have a basic template?

    IN Gmail I always get a blank block at the top.
    in outlook I get the top lines of code displaying as in. (see screenshot)

    I only want the most basic newsletter as belwo:

    <!– THIS EMAIL WAS BUILT AND TESTED WITH LITMUS https://litmus.com –>
    <!– IT WAS RELEASED UNDER THE MIT LICENSE https://opensource.org/licenses/MIT –>
    <!– QUESTIONS? TWEET US @LITMUSAPP –>
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
    <style type=”text/css”>
    /* CLIENT-SPECIFIC STYLES */
    body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
    img { -ms-interpolation-mode: bicubic; }

    /* RESET STYLES */
    img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
    table { border-collapse: collapse !important; }
    body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }

    /* iOS BLUE LINKS */
    a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    }

    /* MEDIA QUERIES */
    @media screen and (max-width: 480px) {
    .mobile-hide {
    display: none !important;
    }
    .mobile-center {
    text-align: center !important;
    }
    }

    /* ANDROID CENTER FIX */
    div[style*=”margin: 16px 0;”] { margin: 0 !important; }
    </style>
    <body style=”margin: 0 !important; padding: 0 !important; background-color: #eeeeee;” bgcolor=”#eeeeee”>

    <!– HIDDEN PREHEADER TEXT –>
    <div style=”display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Open Sans, Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;”>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus dolor aliquid omnis consequatur est deserunt, odio neque blanditiis aspernatur, mollitia ipsa distinctio, culpa fuga obcaecati!
    </div>

    <table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%”>
    <tr>
    <td align=”center” style=”background-color: #eeeeee;” bgcolor=”#eeeeee”>
    <!–[if (gte mso 9)|(IE)]>
    <table align=”center” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”600″>
    <tr>
    <td align=”center” valign=”top” width=”600″>
    <![endif]–>
    <table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” style=”max-width:600px;”>
    <tr>
    <td align=”center” valign=”top” style=”font-size:0; padding: 35px; font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 800; line-height: 48px;” bgcolor=”#044767″>
    <h1 style=”font-size: 36px; font-weight: 800; margin: 0; color: #ffffff;”>Beretun</h1>
    </td>
    </tr>
    <tr>
    <td align=”center” style=”padding: 35px; background-color: #ffffff;” bgcolor=”#ffffff”>
    <!–[if (gte mso 9)|(IE)]>
    <table align=”center” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”600″>
    <tr>
    <td align=”center” valign=”top” width=”600″>
    <![endif]–>
    <table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” style=”max-width:600px;”>
    <tr>
    <td align=”left” style=”font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px;”>
    <p style=”font-size: 18px; font-weight: 800; line-height: 24px; color: #333333;”>
    Hello there,
    </p>
    <p style=”font-size: 16px; font-weight: 400; line-height: 24px; color: #777777;”>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi incidunt ducimus, assumenda. Vitae, dolorum perspiciatis.
    </p>
    <p style=”font-size: 16px; font-weight: 400; line-height: 24px; color: #777777;”>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, voluptatibus necessitatibus, facilis voluptatum nobis tempora eum. Saepe praesentium non quaerat, deleniti, voluptatum aperiam fugit. Impedit ullam, itaque fuga, expedita, quam rem, magni voluptate vitae nulla vero sunt exercitationem quaerat nesciunt!
    </p>
    <p style=”font-size: 16px; font-weight: 400; line-height: 24px; color: #777777;”>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat deleniti, sunt reprehenderit, quod temporibus voluptas corporis magni aperiam fugiat, doloremque consectetur provident ipsam! Aliquam, soluta.
    </p>
    <br>
    <p style=”font-size: 18px; font-weight: 800; line-height: 24px; color: #333333; margin: 0;”>
    Clinton Wilmott
    </p>
    <p style=”font-size: 16px; font-weight: 400; line-height: 24px; color: #777777; margin: 0;”>
    CEO, Beretun
    </p>
    </td>
    </tr>
    </table>
    <!–[if (gte mso 9)|(IE)]>
    </td>
    </tr>
    </table>
    <![endif]–>
    </td>
    </tr>
    <tr>
    <td align=”center” style=”background-color: #ffffff;” bgcolor=”#ffffff”>

    </td>
    </tr>
    <tr>
    <td align=”center” style=” padding: 35px; background-color: #1b9ba3; border-bottom: 20px solid #48afb5;” bgcolor=”#1b9ba3″>
    <!–[if (gte mso 9)|(IE)]>
    <table align=”center” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”600″>
    <tr>
    <td align=”center” valign=”top” width=”600″>
    <![endif]–>
    <table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” style=”max-width:600px;”>
    <tr>
    <td align=”center”>
    <table>
    <tr>
    <td style=”padding: 0 10px;”>

    </td>
    <td style=”padding: 0 10px;”>

    </td>
    <td style=”padding: 0 10px;”>

    </td>
    <td style=”font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; line-height: 24px; padding: 0 10px;”>
    BLOG
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!–[if (gte mso 9)|(IE)]>
    </td>
    </tr>
    </table>
    <![endif]–>
    </td>
    </tr>
    <tr>
    <td align=”center” style=”padding: 35px; background-color: #ffffff;” bgcolor=”#ffffff”>
    <!–[if (gte mso 9)|(IE)]>
    <table align=”center” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”600″>
    <tr>
    <td align=”center” valign=”top” width=”600″>
    <![endif]–>
    <table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” style=”max-width:600px;”>
    <tr>
    <td align=”center”>

    </td>
    </tr>
    <tr>
    <td align=”center” style=”font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; padding: 5px 0 10px 0;”>
    <p style=”font-size: 14px; font-weight: 800; line-height: 18px; color: #333333;”>
    675 Massachusetts Avenue<br>
    Cambridge, MA 02139
    </p>
    </td>
    </tr>
    <tr>
    <td align=”left” style=”font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 24px;”>
    <p style=”font-size: 14px; font-weight: 400; line-height: 20px; color: #777777;”>
    If you didn’t create an account using this email address, please ignore this email or unsusbscribe.
    </p>
    </td>
    </tr>
    </table>
    <!–[if (gte mso 9)|(IE)]>
    </td>
    </tr>
    </table>
    <![endif]–>
    </td>
    </tr>
    </table>
    <!–[if (gte mso 9)|(IE)]>
    </td>
    </tr>
    </table>
    <![endif]–>
    </td>
    </tr>
    </table>
    <!– LITMUS ATTRIBUTION –>
    <table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%”>
    <tr>
    <td bgcolor=”#ffffff” align=”center”>
    <!–[if (gte mso 9)|(IE)]>
    <table align=”center” border=”0″ cellspacing=”0″ cellpadding=”0″ width=”600″>
    <tr>
    <td align=”center” valign=”top” width=”600″>
    <![endif]–>
    <table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” style=”max-width: 600px;” >
    <tr>
    <td bgcolor=”#ffffff” align=”center” style=”padding: 30px 30px 30px 30px; color: #666666; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;” >
    <p style=”margin: 0;”>This email was built and tested with Litmus. What’s Litmus?</p>
    </td>
    </tr>
    </table>
    <!–[if (gte mso 9)|(IE)]>
    </td>
    </tr>
    </table>
    <![endif]–>
    </td>
    </tr>
    </table>
    <!– END LITMUS ATTRIBUTION –>
    </body>
    </html>

    Attachments:
    You must be logged in to view attached files.
    September 27, 2017 at 8:39 am

654

Views

0

Replies