Text Colour Changes on Mobile Devices

simonster28 · November 2016

I have got the website for my client looking how I want for now in Safari browser on a computer but on the iphone the colours change so things like an orange phone number on a black background does not show at all, there is just a black gap like the screenshot on my link http://prnt.sc/d1n4vn There are also orange numbers that show white in other areas of the website. Does anyone have a quick fix for me please?

Albert · November 2016

Hey,

please send us link to page where you got these numbers so we can have a look on them.

simonster28 · November 2016

Hi, This is the page http://www.mannandvan.co.uk/prices/ and also the orange phone number in the black footer changes to white. There may be the odd one or two differences that I've not yet found. Thanks.

Albert · November 2016

Hi,

iPad wraps all telephone numbers in "a" tag. To prevent color change please go to Theme Options > Custom CSS and paste below code:

a[href^="tel"]{ color:inherit !important; text-decoration:none !important;}

We will also include this fix in the next update.

Thanks!

simonster28 · November 2016

Thank you, I will give it a go and hopefully all will be ok.

simonster28 · November 2016

That worked perfectly thank you very much!

Albert · November 2016

You're welcome!

Text Colour Changes on Mobile Devices

Comments

This website uses cookies