Remove underline from Gmail signature links

Andrea Olivato
2 min readJan 10, 2019

Gmail

When saving your HTML signature in Gmail, links are automatically added to most common elements, like phone numbers, email address and even addresses sometimes.

You can easily get rid of the default blue colour by styling the <a> tag with the colour property, like this

<a href="https://www.popularchips.com" style="color:#ccc">popularchips.com</a>

But underline is tougher. Even adding text-decoration:none !important doesn’t change the effect, as you can see from the example below.

Underlines still showing with text-decoration:none !important

The only good workaround I found, is to add your own <a> tag, keeping the href attribute empty, for example

<a href="" style="color:#ccc;text-decoration:none !important">popularchips.com</a>

Below is the final result as seen from the recipient.

Final result

You can further improve the overall effect by imposing a cursor:default !important as shown below so that even hovering with the mouse will not suggest a possible interaction with your signature.

<a href="" style="color:#ccc;text-decoration:none !important;cursor:default !important">popularchips.com</a>

There might be clients or providers that change the signature on the receiving end, currently, I’ve tested this method with other Gmail recipients, Outlook (web & desktop) and Apple Mail and everything seems to be working as expected.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Andrea Olivato
Andrea Olivato

Written by Andrea Olivato

Co-founder @Lnk.Bio — Developing stuff on the Web since 2003

Responses (4)

What are your thoughts?

I guess it fixes it...if you don't want anyone to be able to link to your site.

1

But where do you add the html?
Tried to add it into my signature and it doesn't work for my Gmail.

2