Blog
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.
