On Mobile Dates Showing As Links

  • 0
  • 1
  • Question
  • Updated 4 years ago
  • Answered
Had an email that has a date in the copy, for example: Opening, November 16. The copy is white on a red background. When you view the email on mobile, that date is a link - showing in blue. When you click that date it gives you the option to save in your calendar.

In the editor I'm not sure how to change the link color, because it's not a link.

Any ideas how to control that color so the text is readable?
Photo of Epop Studio

Epop Studio

  • 2 Posts
  • 0 Reply Likes

Posted 4 years ago

  • 0
  • 1
Photo of Paul Zimmerman-Clayton

Paul Zimmerman-Clayton, Official Rep

  • 400 Posts
  • 34 Reply Likes
Official Response
Hey there! That link is changing color due to the format of the text being recognized as a date by the mobile mail app. It's the app itself that changes the color and turns it into a link that's compatible with other apps, like the calendar app. Since it's the app that's changing the color of the link, we can't control how it renders with any extra code. We can, however, trick the phone into not recognizing the date as a date so it leaves your colors the way you want them. 

To prevent that date from showing up as blue, you'll want to click the HTML button (the one that looks like this </>) and include the following in your date: 

&zwnj;

This is a character called a zero-width non-joiner, and it's basically an invisible character. Adding that to your date will prevent mobile devices from turning your date into links. For example, if you have:

12/1/14

You can head into the HTML button view and turn that into:

12/1&zwnj;/14

There is one catch, however. Since this isn't a character we normally use, the editor will strip it out if you leave the mailing and come back. You'll want to add that &zwnj; character right before you send out the mailing. Just before heading to the review and send screen, insert the character. Send yourself a test using the test feature, and without exiting the mailing, head to Review & Send and send out your mailing. 

For a deeper discussion on this topic, head to the Litmus blog post here!

I hope this helps! Please let me know if you have any more questions!