|
: Phone number white on phone : redmac February 21, 2017, 05:42:26 AM Hi,
On the OASIS template we have a white background. When displayed on my phone I can see the T and F, but the phone / fax numbers are white. Thereby invisible. I can type any other text and it's black. But when I type a number representing a phone number it displays as white. Nice, but not what I want ;-) How can I change this to always black? Thanks. Redmac : Re: Phone number white on phone : mikek February 21, 2017, 08:24:09 AM Hello,
Please post a url to where this occurs. : Re: Phone number white on phone : redmac February 21, 2017, 09:37:42 AM Hi Mikek,
On the frontpage of servicebox.be/SAK Thanks : Re: Phone number white on phone : mikek February 22, 2017, 09:13:06 AM Hello,
I'm sorry I don't know where you are referring to. The phone and fax numbers are showing in gray text on both mobile and desktop for me. : Re: Phone number white on phone : redmac February 22, 2017, 10:24:52 AM Hi,
Strange. We've tested on 3 different iPhones and they all show the T and F in gray and number in white. Can you please check with an iPhone? Thanks, Redmac : Re: Phone number white on phone : mikek February 22, 2017, 01:37:32 PM Hello,
I'm sorry I don't have an iPhone to test on, I am testing on a Samsung Galaxy S7. I see nothing that would set the phone numbers to white coming from the template. In fact you have an important call on them to prevent this: <span style="color: rgb(128, 128, 128) ! important;">F +32 (0) 52 22 13 63</span> If it is showing white only on iPhones then there is something on the operating system or browser itself that is causing this issue, there is most likely a script that's manipulating phone numbers for easier dialing would be my guess. That's not something that the template can control. : Re: Phone number white on phone : redmac February 23, 2017, 04:56:29 AM Hi Mikek,
Found a solution. Indeed it's iOS that inherits the color of the links set to the menu of the template (in our case white). The template can fix this issue by adding : a[href^=tel] { color: #YOURCOLOR; text-decoration: none; } to the css. (Where #YOURCOLOR is the actual colour code you want to appear.) Well, we all get smarter every day ;-) Thanks for the support. You've pointed me in the right direction. Redmac |