CODEWITHSUNDEEP
htmlcsshtml-emailaol
elucid8
elucid8

Reputation: 1422

Changing Font Color in HTML Email for AOL Mail

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.

Upvotes: 3

Views: 10691

Answers (6)

CinemaDude
CinemaDude

Reputation: 1

While going thru HTML code will indeed work, MOST folks are looking to set the color default in the email quickly, and as has been pointed out, AOL was one of the first email programs used by early interneters, i.e., OLD people. Just looking at HTML color codes will make most of their eyes glaze over (there were also those old folks that went on to become old millionaire coders, so there, GenZ.

There is a simple way around this quest -- anyone can do, no messing with HTML, just using the AOL user interface controls.

  1. Go to the email SETTINGS > MORE SETTINGS > SIGNATURE
  2. Move the SIGNATURE switch to the ON position
  3. Click the CYM dots and select the desired color to be the default
  4. Place a marker, anything you like at the very top left of the signature box; I use: >
  5. if you like, you can then create a signature or not.

That only has to be done once; thereafter, every time the user enters COMPOSE, the blank page will have that place marker at the top of the page. Everything that is typed after that will be the default color that was selected. If desired, delete the marker. User never need see HTML gidderish.

Done.

Upvotes: 0

Michael Fargo
Michael Fargo

Reputation: 11

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

Upvotes: 1

Allen
Allen

Reputation: 1

<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.

Upvotes: 0

Teena Thomas
Teena Thomas

Reputation: 5239

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

Upvotes: 0

defau1t
defau1t

Reputation: 10619

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>

Upvotes: 1

scrappedcola
scrappedcola

Reputation: 10572

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

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

Upvotes: 3

Related Questions