How to Remove Blue Links in HTML Emails?

The key to understanding blue links is identifying which text is most likely to be auto-linked and styled. In our testing, these things are prime candidates for becoming blue links:

Addresses, Dates, Email addresses, Website names, Times and Phone numbers etc.

We can follow the below steps to fix this problem:

1. Overriding Blue Links in Apple Mail:
<a href="#" x-apple-data-detectors="true">
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

2. Overriding Blue Links in Gmail:

<body id="body"></body>
u + #body a {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

3.  Overriding Blue Links in Samsung Mail:
Just like with Gmail, we can target that ID and any links contained within.

#MessageViewBody a {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
4. We can also add a specific class to remove the blue link:
<p class="noLinks">+1 (800) 123-4567</p>
Or, <span class="noLinks">+1 (800) 123-4567</span>
.noLinks a {
color:inherit !important;
text-decoration: none !important;
}

5. This is the most effective process:

<p style="font-family: 'Inter', sans-serif; color: #626262; font-size: 13px; line-height: 16px; font-weight: 400; mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-align:left;">
<a href="tel:+44 7456258049" target="_blank" style="color:inherit !important; font-weight: 400; text-decoration: none;">
<span style="color: #626262; text-decoration: none;">
+44 7456258049
</span>
</a>
</p>

Check our services by clicking here.

Please don’t hesitate to contact us for any help or discussion.
WhatsApp:+44 7456258049
Skype: helpinfo.desk
Upwork: Monirul I.

Leave a Reply

Your email address will not be published. Required fields are marked *