3 Replies Latest reply: Feb 27, 2014 4:04 AM by Vinayak_Gupta

Telephone number coloured white on mobile site despite hyperlink style being in red.

Ben Stanbury Feb 26, 2014 2:39 AM

Hi All,

I'm trying to get around a problem I have with a telephone number appearing white on a white background despite the fact I have styled the hyperlink text style in red.

This only happens on the mobile version of the site http://halfpintnursery.com

The phone number should appear underneath the contact form, where the email address and postal address are located.

Any ideas on this?

Thanks,

Ben

1. Re: Telephone number coloured white on mobile site despite hyperlink style being in red.

Vinayak_Gupta Feb 26, 2014 4:39 AM (in response to Ben Stanbury)

The phone number at the bottom of the address underneath the Contact form does appear in red as tested on an iPhone and on a desktop browser.
http://halfpintnursery.com/phone/#contact

Looks like you were able to figure it out. If not, can you try a different browser or try clearing cache and temporary data for your existing browser?

Thanks,
Vinayak
Like Show 0 Likes (0)

Actions
2. Re: Telephone number coloured white on mobile site despite hyperlink style being in red.

Ben Stanbury Feb 27, 2014 12:01 AM (in response to Vinayak_Gupta)

Hi Vinayak

Thank you for your reply. The phone number is still showing white on my iPhone and my wife's iPhone.

We have both cleared the history but no luck so far? Please see attached image.

Many thanks

Ben
Like Show 0 Likes (0)

Actions
3. Re: Telephone number coloured white on mobile site despite hyperlink style being in red.

Vinayak_Gupta Feb 27, 2014 4:04 AM (in response to Ben Stanbury)

I can reproduce the problem on Safari in iOS (had only tested on Chrome for iOS earlier that doesn't carry the same problem).

From https://developer.apple.com/library/safari/codinghowtos/mobile/userExperience/_index.html# //apple_ref/doc/uid/DTS40008248-CH1-DontLinkElementID_12

In Safari on iPhone, phone numbers are automatically detected and transformed into links that dial the phone number when tapped. If you have strings of numbers in your webpage that should not be automatically detected as phone numbers, you can choose to disable this feature on the entire page by adding the following meta tag to Page Properties -> Metadata -> HTML for <head>.

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

Thanks,
Vinayak
Like Show 0 Likes (0)

Actions

Go to original post

Telephone number coloured white on mobile site despite hyperlink style being in red.

1. Re: Telephone number coloured white on mobile site despite hyperlink style being in red.

2. Re: Telephone number coloured white on mobile site despite hyperlink style being in red.

3. Re: Telephone number coloured white on mobile site despite hyperlink style being in red.

Actions

More Like This

Legend