Phone numbers displayed on iphones

User 271657 Photo


Ambassador
3,816 posts

Maybe this is old news to many of you, but since I just recently got a chance to check out my sites on an iphone and an ipad, I didn't know this...
Phone numbers on your webpages will be white on iphones/pads. I guess there are ways to get around this when coding one's site. But those of us using VSD probably won't have come across the coding solutions for changing the phone number/link color. We'll just pick a text color and be done with it, not realizing that phone (and fax) numbers will be displayed as links – in white on these devices.

Another thing; and I don't know if this is just a VSD thing or a general issue, but my scrolling divs don't scroll on my Kindle Fire, iphones or my Android phone, but it does scroll on the ipad.
And... my HTML form doesn't show on my android phone, but it does display on everything else.:P

Please feel free to post ideas or suggestions :D

I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,271 posts

All the phone numbers I see on web pages in my Iphone are blue being linked and click-able.:) The phone number on your contact page is the same as it is on my laptop because it's an image.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

I had to change it to a button since it didn't show up as text.
What do you see for phone/fax on this page?: http://www.miriamswitchingpost.org/contact.html

(On my husband's iphone, I see nothing since it's white on white.)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,271 posts

Phone numbers are white but click-able. They turn baby blue after I click on them.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

So if no one knows there are white numbers on a white page..... :P
I guess I'll have to turn them into buttons also (which cancels their 'clickabillity').

Maybe I'll do some more Googling... see if there's some way to change the colors with a bit of code that makes sense in VSD.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,271 posts

There's got to be something on the page causing the issue because my moms website built with VSD shows the phone numbers as blue links.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

I found this, but haven't tried it yet. It seems this would change the link colors while leaving the number clickable:

<style type=”text/css”>

.appleLinks a {color:#000000; text-decoration: none;}

.appleLinksWhite a {color:#ffffff; text-decoration: none;}

</style>


<span class=”appleLinks”>phone number here</span>


I hope this does it, 'cause I will have to change the phone numbers on every site I've made and this seams to be a pretty easy fix :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 271657 Photo


Ambassador
3,816 posts

So far, no luck. I'm stuck with the phone/fax showing up black in Times New Roman :P
When I replace the color #oooooo (black) with my text color (#336c93), it doesn't change. I haven't bothered trying to change the font.

I never should have said 'easy'... gets me every time :lol:
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,271 posts

I'll take a look at the site and see if I can find what's causing the issue. Like I said I don't get this on any of the pages I've made with VSD.

Edit: It's coming from your standard settings for new pages in VSD.;)

/* LINK STYLES */

A:link { color:#ffffff; text-decoration:none; }

A:visited { color:#ffffff; text-decoration:none; }

A:active { color:#ffffff; text-decoration:none; }

A:hover { color:#80ffff; text-decoration:underline; }
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

But I want to keep those settings for MY links. Butt out of it, iphone!!!
What I would like to do is find a way to change the color just for the phone/fax numbers so they can still be links on iphones, but normal text on everything else.

I don't have a single site where I want iphones/pads to display numbers (or other items) differently than how they are on the website. So if the text is red, the numbers need to be red.

I'm still trying to find out how to change the color in that above code. If that would work with some other color than black, it would be fine. Otherwise, I'll just have to get rid of the linking function.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.