Changing Font Color in HTML Email for AOL Mail

html css html-email aol
elucid8 picture elucid8 · Sep 7, 2012 · Viewed 9.7k times · Source

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

scrappedcola picture scrappedcola · Sep 7, 2012

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

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

Related questions

Color a table row with style="color:#fff" for displaying in an email

We would like to display order details as table in an email ​<table> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</…

Read More
Best practices for styling HTML emails

I'm designing an HTML template for an email newsletter. I've learned that many email clients ignore linked stylesheets, and many others (including Gmail) ignore CSS block declarations altogether. Are inline style attributes my only choice? What are the best practices …

Read More
Is there an equivalent of CSS max-width that works in HTML emails?

I'm trying to create an HTML email that will display properly in all widely used email clients. I'm wrapping the whole email in a table, and I'd like it to have a width that is up to 98% of the available …

Read More