When I view the site in an ios device such as an iPhone, the telephone numbers automatically become links. This is great but I can’t seem to control what these links look like and I can’t find anywhere on a style sheet where to change it. These links are inheriting the style from the Theme options control panel.
Could you please help me change these styles?
In Safari on iOS, telephone number detection is on by default. You can check this link for more info: http://developer.apple.com/library/ios/#featuredarticles/iPhoneURLScheme_Reference/Articles/PhoneLinks.html
Try to open you header.php and find this line of code:
<!-- page title, displayed in your browser bar -->
Above it, kindly add this code:
<meta name = "format-detection" content = "telephone=no">
Hope this helps. :)
Thanks for the input, but this is not what I wanted. I like the fact that the phone recognizes the phone number and turns it into a link thus making it easy for people to place a phone cal by just clicking the link. What I want is to control what the number looks like. Right now, this link, because it is in the footer is getting it’s style from the Theme options control panel and I cannot find out where to change this style.
The topic ‘css for telephone numbers in iPhone’ is closed to new replies.