Phone numbers displayed on iphones -...

User 271657 Photo


Ambassador
3,816 posts

Thanks for the idea, Jo Ann. I already tried that but thought it might get confusing for non-iphone users. On everything else, the little "link hand" shows up, but when someone clicks on it, they get an error page.

I think I'm leaning towards the non-linking button option so the numbers will still look like the text around them. There's a phone number at the top of each page anyway, so iphone users could click that one.

Now I have to decide what to do in place of the scrolling div on my site (my never to be finished site). I may just have to pay someone else to do it for me :P

By the way, are any of the HTML Editor themes especially suited to sites that need to shrink for mobile devices? Given the amount of time I spend trying to cobble together stuff in the Editor, it might be time to try building an entire site in it :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

Paintbrush How about using an html box for the phone numbers and hard code them. You can then use some css on it to make it the color and font you need.:)
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

Eric, that's what I was doing.
I was using the editor to try out various HTML/CSS combinations then using the HTML tool to put the numbers on the page.
The last one looked fine on my computers, but it still reverts to white on iphones:

<a style="font-family: arial,sans-serif; font-size:15px; font-weight: bold; color:#336c93; text-decoration: none;">Phone: 314-646-7737</a><br />
<a style="font-family: arial,sans-serif; font-size:15px; font-weight: bold; color:#336c93; text-decoration: none;">Fax: 314-646-8478</a>


I wasn't sure if I needed to do this for each link state (hover....), but since the 'a' link showed as white instead of #336c93, I didn't go any further with it.





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

Try this.
Paste to the Body HTML oc an HTML box

<div class="phonenum">Phone: 314-646-7737<br>
Fax: 314-646-8478</div>

Paste this to the Header HTML of the same HTML box.

<style type="text/css">
<!--
.phonenum {font-family: arial,sans-serif; font-size:15px; font-weight: bold; color:#336c93; text-decoration: none;}
-->
</style>

or do as I do and use the standard text tool in VSD.;)
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'll give it a try.

or do as I do and use the standard text tool in VSD

That's what got me into this mess :lol: I thought all was fine until someone let me know she couldn't see the numbers. I can't have white text on a white background, and I'm not changing the color of all the other links just to suit those 2 numbers (that only show as links on idevices).
That blue text was a very specific requirement of the foundation – it's their "signature color", used on all their designed materials.
So either the code works, or they become button text on a white shape.

Thanks, Eric :)

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

So they want that color no matter what state the link is in? This will work.;)

<div class="phonenum"><a>Phone: 314-646-7737</a><br>
<div class="phonenum"><a>Fax: 314-646-8478</a></div>



<style type="text/css">
<!--
.phonenum a {font-family: arial,sans-serif; font-size:15px; font-weight: bold; color:#336c93; text-decoration: none;}
-->
</style>
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 455608 Photo


Registered User
31 posts

I agree with the group - these Apple links are kicking me around as well. Even simple things like days of the week are being converted. Hopefully iOS 6 will make some improvements along this line.
User 271657 Photo


Ambassador
3,816 posts

I wish Apple would just butt out and let me decide my own link colors.
Found one on another site – the phone number is within a sentence and it's showing up bright tomato red. :P All other links are light green.
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.