How to style your email signature links

Modified on: Sun, Apr 15, 2018 at 9:37 PM

Many email clients insert a default blue link around the email address and web page.

In Outlook, you will not see it when you create your email.

If the blue links do not meet your corporate style, you need to fix it in your HTML source.

How to style your web link:

<a href="http://www.emailsignature.com"> 
<font face="Arial, Helvetica, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt">
emailsignature.com 
</font> 
</a>

Here is the same link style without the underline:

<a href="http://www.emailsignature.com" style="text-decoration: none;"> 
<font face="Arial, Helvetica, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt">
emailsignature.com 
</font> 
</a>

How to style your email link:

<a href="mailto:((E-mail))">
<font face="Arial, Helvetica, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt">
((E-mail))
</font> 
</a>

Here is the same link style without the underline:

<a href="mailto:((E-mail))" style="text-decoration: none;">
<font face="Arial, Helvetica, Sans-Serif" color="#000000" style="FONT-SIZE: 10pt">
((E-mail))
</font> 
</a>

Watch how to achieve this using the built-in designer: