Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here are some tips:</p> <p>Don't place CSS inside the HEAD tags in HTML Email.</p> <p>When you code a web page, you traditionally place the CSS code in between the HEAD tags, above your content. But when HTML emails are viewed in browser-based email apps (like YahooMail!, Gmail, Hotmail, etc), those applications strip out the HEAD and BODY tags by default.</p> <p>We recommend that you place your CSS code inline to your content (Note: browser-based email apps also strip out your BODY tag, so any background colors or BODY settings should be handled with a 100% wide TABLE "wrapper" around your email. Or we suggest that you take a look at our Automatic CSS-inliner feature.).</p> <p>It should look something like this:</p> <pre><code>&lt;span style=" font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #BBBBBB;"&gt;Your content here....&lt;/span&gt; </code></pre> <p>Use inline CSS.</p> <p>Referencing CSS files on your server like this is not very reliable:</p> <pre><code>&lt;link href="http://www.yourdomain.com/style.css" rel="stylesheet" type="text/css"&gt; </code></pre> <p>You should use inline CSS (as specified above). Add a space in front of CSS lines.</p> <p>We've noticed that some email servers (not MailChimp's, but your recipients') like to strip out any lines that begin with periods (.)</p> <p>This can ruin your CSS. So, the workaround is to add a space in front of any CSS that begins with a dot, such as:</p> <pre><code>.title {font-size:22px;} .subTitle {font-size:15px;} </code></pre> <p>This is, of course, only needed if you're not able to place CSS code inline to your content.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload