Dates, Addresses and Phone Numbers on...

User 2432082 Photo


Registered User
10 posts

So as many know, Apple devices are famous for taking it upon themselves to create links from things in email content like Dates, Times, Addresses, Phone numbers, etc. But it's a huge pain for the content creator when they toss in these powder blue, underlined styes into our nicely designed templates. Typically we'd add some CSS classes and spans with !important tags to wrangle Apple's "helpfulness" (see https://litmus.com/blog/remove-blue-links-ios), but we can't do that in RED. Is there any alternate functionality to stop these from showing up?

Example: my agency is readying a lot of holiday emails right now and several of these include a line of copy for when offices will be closed. The dates and times in these lines (body text) are becoming links in the email clients for iOS and look atrocious against some designs.

Any tips?
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Did you try this?
<meta name="format-detection" content="telephone=no">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2432082 Photo


Registered User
10 posts

Hey, Eric! That's actually a much simpler implementation than what I have been using. Gave it a test though and no such luck for tablet/mobile iOS devices (testing iPhone 6, 6 Plus, iPad).

Might have worked on Phone number in the footer, but not the other items.

https://litmus.com/checklist/public/5d5bdd3
Code: https://litmus.com/builder/8e524a4
User 2824287 Photo


Registered User
1 post

How about this?

@media only screen and (min-width: 320px) {
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;}
}

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.