Why aren't my body styles working in AOL?


AOL removes the body tag and inserts its own:

So this:

<body style=“background:#000; min-height:2000px; color:#fff; padding:15px”>

Will get converted to this:

<body style=“background-color: white;font-family: Arial,sans-serif;font-size: 10pt;border: 0px;”>

Which completely overwrites your embedded body styles because this does it inline.

AOL also ignores the body type selector in your embedded CSS.

For example:
<style type=“text/css”>
body {background:#000; min-height:2000px; color:#fff; padding:15px}
style>

The best solution is to include a wrapper element like a table or a span with disply:block in order to control the appearance of your email background colors, fonts, etc.

  • 56 Users Found This Useful
Was this answer helpful?

Related Articles

Gmail is converting my email addresses to links.

Yes, if you have an email address listed without a link, Gmail will add it for you.  For...

How do I create dynamic urls using field names?

To view all variable names you can use for fields within the system go to Forms - Fields Manager....

How do I get around the fact that Gmail does not support embedded CSS?

One way to get around this issue is to convert your embedded CSS into inline using our CSS...

I am trying to save but the save button isnt working

The most common reason for the save not saving is because on the top part of your page "Message...

I am using a small font and my line spacing is all screwed up.

This is because of the Gmail DOCTYPE, try putting your font inside a paragraph tag instead of...