HTML Pro: How to Fix Blue Links in Gmail

Gmail users will see address and phone numbers automatically linked in emails.

Clicking on addresses will automatically send the user to Google Maps across webmail and on mobile devices, and tapping a phone number opens the dialer app on mobile devices. This update is a fantastic improvement in terms of usability for the growing number of G Suite users. Users can tap an address in an email on their mobile device and instantly have that address open in Google Maps, rather than having to copy and paste the address.

However, for email designers the update isn’t so great. Both phone numbers and addresses are styled with the default styling—underlined and blue. This can be in conflict with your email’s design guide and can even make your email less accessible.

You can bypass Google default formatting, by addding an empty href="" around the address - Example:

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

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.