Saturday, October 22, 2011

how to make links in html email communications NOT the default blue across numerous email clients including gmail

Put this at the top of the document.

<style>

span a {color:#7BC243;}

span a:hover {color:#7BC243;}

.stylegreen a {color:#7BC243;}

.stylegreen a:hover {color:#7BC243;}

</style>

 
 

Links look like this:

<span><a class="stylegreen" style="color:#7BC243; a {color:#7BC243;} a:hover {color:#7BC243;}" href="http://www.example.com/" target="_blank">Touch Me&raquo;</a></span>

 
 

The a and a:hover stuff above might be unneeded. I haven't troubleshot that yet.

No comments:

Post a Comment