When the phone number is a different color on iOS and iPadOS

If you have a telephone number — that is not a link — on your website and you view your website on an Apple device, like an iPhone or iPad, then you might see your telephone number displayed in a different color (than it should be). This happens because iOS and iPadOS detect unlinked telephone numbers and make them into links. This changes the numbers’ color.

This functionality can be disabled by adding some code in the <head> of the website’s HTML:

  1. Install plugin Add Code To Head.
  2. Add this code to Settings → Add Code to Head:
    <meta name="format-detection" content="telephone=no">

That will disable this automatic functionality and display the telephone number in the expected color.