DesignMe Creative Group

207.776.5416 • MAINE & ARIZONA

fb pintrest rssicon
  • Home
  • Services
    • Websites & Social Media
    • Marketing & E-Newsletters
    • Logos & Print
    • Training & Support
  • Portfolio
    • Website Design
    • Creative Design & Branding
    • Social Media & E-Marketing
  • The Team
  • Why DesignMe?
    • Our Philosophy
    • Affordable Prices
    • Getting Started
  • Blog
  • Payment
  • Contact

November 16, 2018 By Debbie Leave a Comment

Phone Numbers Not Formatted Correctly on iPhone Safari

Recently, I was working on some custom coding for a client who created their site in Divi. We added a phone number to a widget area, but no matter how or what we used in the CSS, the color always came up as GRAY on iPhone Safari. After quite some time, I found the answer! Seems Safari auto detects phone numbers and formats them as a link – even if they are not an actual link. Thankfully, the solution is pretty easy!

1. Add this to the <head> section of your website. In Genesis, you can do this in the Genesis > Theme Settings panel.

<meta name="format-detection" content="telephone=no">

2. Then format the phone number as a link manually like this:

<a href="tel:111-444-5555">111-444-5555</a>

3. Add this to the CSS

a[href^="tel”] {	
   color: #fff;
}

VOILA! Problem solved!

Filed Under: Code Tips, TechTalk

Leave a Reply Cancel reply

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

Site Search

Tech Talk

  • Stop WordPress From Removing Non-Breaking Spaces
  • Phone Numbers Not Formatted Correctly on iPhone Safari
  • Making A Short Sidebar Full Length
  • “Direct links to my PDF files are redirecting to my home page?”
  • Playing with Parallax Effects

Creative Corner

  • Favicons – Little Things Make A Difference
  • Adding A Shortcode To The Post Title
  • The Little Things Make All The Difference!
  • Simple Animated Ad In Photoshop
  • Savage Chicken iMugs

From Our Blog

  • The “ME” In Our Name Really Means YOU
  • Small Can Mean Big When It Comes To Websites
  • Target Marketing
  • New Chapters
  • Great ideas

View Topics

creative

Functional

affordable

Copyright © 2019 · Custom Website by DesignMe Creative Group · Log in

Hosted Locally by Maine Hosting Solutions