Yahoo! Mail has reverted to using .yshortcuts. Please refer to our earlier blog post.

Not so long ago, we wrote about overriding Yahoo! Mail’s default link colors with your own, using the now-famous .yshortcuts CSS hack. However, with the rollout of Yahoo! Mail Beta, we’ve woken to the fact that this no longer works – alas, our links have turned that ugly default blue color again.

Thankfully, there’s a simple, albeit slightly finicky workaround. In the <head> section of your HTML email code, simply append your a style declarations with !important like so:

<style type="text/css">
   a { color: #00FF00 !important; }
   /* or alternately */
   a:link { color: red !important; }
   a:visited { color: blue !important; }
   a:hover { color: green !important; }

As Yahoo! Mail Beta doesn’t truncate styles that feature in the <head> of HTML emails, this is a safe workaround.

Despite the change being an annoyance for email designers everywhere, the fix is far more concise than what the .yshortcuts hack required. Before this gets filed away as a time-wasting tweak, note that Yahoo! Mail accounts for almost 10% of email client market share – perhaps even more if you’re sending email newsletters to consumer lists. So don’t forget, it’s important to add !important to maintain the look and feel of your email designs!

Want to improve your email marketing? Subscribe to get tips on improving your email marketing delivered to your inbox.

Join 150,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free