Hi

On www.halifaxminster.org.uk I have a purple button with the phone number. This button text changes on tablets and mobiles to allow it to be clickable for a phone call. I don't seem to be able to change the colour of the linked text here.

Any ideas?

Hi

Before I look at this - I would make sure you test on different browsers as ios may manage the telephone number differently than other browsers / OS

You can set the colours in the button section of the template settings on the right sidebar

However still likely IOS will do it's own thing

You could try styling IOS using

css-tricks.com/forums/topic/font-color-not-changing-on-iphone-for-numbers/

Been a while since I used this technique so not 100% it still works

Cheers
Paul

Thanks. Yes it's an iOS thing. I'll investigate.

No worries

Cheers

Did the above link not work for ios?

My custom css looks like this:

/* Add your custom styles here */
a[href^=tel] { color: inherit; text-decoration: none; }

And it has made no different on my iPad - see screenshot.

Hi

Looks like this style

#topwrap a {
color: #606c76;
}

Try changing the row style for the link colour

Try wrapping the number in a link tag as plan B

Number = telephone number

Cheers