Paul,
In the bottom 1 position I have used Zen s/cut codes to produce 4cols including 3 icons and all looks well apart from the phone and fax numbers.

The colour used for them is #ebb35b, a mustard goldy colour which fine when viewed with a PC but when viewed with an iPad the actual numbers 020-8520-5228 and 020-8520-5226 appear a grey colour.

I have tried putting hyphens in between to see if that help but alas no.

Any ideas??

www.mushroomhouse.co.uk

I'd try removing the inline styling and instead use custom.css to see if that solves the problem

There are nested span tags - not quite sure why safari doesn't like it though

Cheers
Paul

Any chance, creep, creep, you might give us a clue of what to put?
He says fingers crossed! As I just haven't a clue!

Sure

#bottomwrap {color:#ebb35b;}

Try that for the font colour

Cheers

and you could also try

#bottomwrap .zen-icon {font-size:18px;}

Paul, Sorry for a late reply I have been in France all day and only just got home. I have both of those pieces of code into my custom .css file but to no avail. There is no difference.
I have viewed it on two separate iPads just in case there was something wrong with mine but no difference!

hmm odd

Can you also try removing

<span style="text-align: center;">

Tried that and still no different.

hmm maybe because there is no tag it is defaulting to the inherit style

try adding

#bottom1 .zg-col {color: #ebb35b;}

Hi Paul, tried that and unfortunately that's not worked. I am assuming all prior items that you have suggested do stay?
I'm not supposed to take them back out if they did not work?

Try adding a tag something like strong that wraps the tags and then get back to me

Cheers
Paul

Think I have tried that correctly, unfortunately no different.

hmm can you try removing the background image from the custom module

background-image:url(#EBB35B);

Cheers
Paul

Bad news I'm afraid that did not do anything, but I have Good News!

Please do not be offended after all your help but I have found a solution. I found an article about iPads and iPhones treat phone numbers as links and it involved using this piece of code:

{zen-3}{zen-phone-square}<a href="020 8520 5226" tabindex="-1"><span style="color: #ebb35b;">020 8520 5228</span></a>{/zen-phone-square}</strong><br /><strong>{zen-fax}<a href="020 8520 5226" tabindex="-1"><span style="color: #ebb35b;">020 8520 5226</span></a>{/zen-fax}{/zen-3}

Which seems to have solved the problem! Not that I am clever enough to work that out but the article that I read is here in case you wanted to see:

geoffmuskett.com/css-styling-for-phone-numbers-on-iphone-and-ipad/

Anyway, as always thank for your help and support on this over the past week.

Thanks for the info

I was trying to avoid using a link as you get a 404 if you click on it

Try adding to the html

<a href="tel:020 8520 5228">020 8520 5228</a>

and

a[href^="tel:"] {
color: #ebb35b;
text-decoration: none;
}

with fax try replacing tel with fax

You would probably want to try with a nofollow as well in the links e.g.

<a href="tel:020 8520 5228" rel="nofollow">020 8520 5228</a>