MindComet

Override Yahoo’s Dreaded Default Link Color

Have you noticed your emails showing up with defaulted dark blue links across your emails in Yahoo Mail? Are you as annoyed as me? Yes and yes? Good.

CampaignMonitor has recently revealed what’s happening and how to prevent it.

Basically, Yahoo is adding a CSS class called “.yshortcuts” to all links within your email which includes a default color of #366388. Bummer.

But there’s an easy fix for this and there are two ways you can go about implementing it.

Within your style tag, paste the following:

<style type=&quot;text/css&quot;>
   div { color: #CCCCCC }
   a { color: #456456 }
   .yshortcuts { color: #CCCCCC } /* Body text color */
   .yshortcuts a span { color: #456456 } /* Link text color */
</style>

Then for every link, use the class “yshortcuts” within a div tag.

You can also apply this fix inline like so:

<a href=“#“ style=“color:#456456; text-decoration:none;“><span style=“color:#456456;“>Link</span></a>

This is a little repetitive, but it’s a sure-fire way of preventing your links from turning up blue in Yahoo!.

Unfortunately this will not prevent Yahoo! from adding links to physical addresses and the like (called Yahoo! Shortcuts). It will only prevent the embedded links in your email from turning blue.

Also, this is only appearing in the new Yahoo! Mail, not Yahoo! Classic.

View Comments

Posted by Bryan Quilty on Aug. 11, 2010