Changing Font Color in HTML Email for AOL Mail

Question

EDIT: I should mention that the layout was done with tables. I've even tried styling the parent <td> element to get the desired appearance. Still, no bananas.

How do you change the font color of text in an HTML email in AOL's client?

I've tried the following code:

<td>
<span style="color:#FFFFFF;">My Text</span>
</td>

After some suggestions from the community, I've also tried the following approach:

<td>
<font color="white">My Text</font>
</td>

Unfortunately, the text color doesn't change at all. In fact, when viewing the computed styles in Firebug, it doesn't show any color being applied to the element.

I'd expect this to work since all other inline styles work fine and the email is rendered beautifully in every other major client.

Thanks in advance for your help.

Answer 1

Try using the <font> tag. This site doesn't list <span> as a supported tag.

<font color='#FFFFFF'>My Text</font>

Answer 2

font tag is one option, but if possible in your layout, you might want to break out the text into a td and call something like <td style="color:#FFFFFF;">My Text</td>

Answer 3

AOL provides a format icon. Click on that and use the eyedropper on the Format Banner to select color for your text.

Answer 4

try <td><span style="color:#990011;">Text</span></td> (eg. uses some shade of red to stand out)

Answer 5

<a style="text-decoration: none;" href="{$shareWithFriendsLink}"> <span style="text-decoration: none; color: #ffffff;"> htt<span></span>{$shareWithFriendsLink|substr:3} </span></a>

Empty <span></span> prevent mail client for recognizing string as link. |substr:3 are in use for Smartys variables for cut off first 3 symbols (htt) added before manually.