Remove link color attributes from phone numbers on mobile devices

Support
#1

On mobile devices, the phone number (under the heading “Phone.”) and fax number (under the heading “Fax.”) on my contact page appear as links with the link colors as set in Customizer. I would like these to remain the same color as the other text.

What CSS do I need to do this?

Url is http://woodlandsdogsuites.com/contact/

This also happens with the phone number at the bottom of my FAQ page - http://woodlandsdogsuites.com/faq/

Thank you.

#2

Hi There,

Thank you for writing in. iOS does this converting a number to a link. Please add the fix below on your Custom CSS.

a[href^="tel"] { 
    color: rgba(23, 23, 23, 0.953); 
}

Hope it helps,
Cheers!

1 Like
#3

That worked on the contact page, thank you!
The only thing is - now at the bottom of the FAQ page the phone number in the heading is the body text color.
Is there any way for this to match the darker color of the rest of the heading please?
URL http://woodlandsdogsuites.com/faq/

Thanks.

#4

Hi There,

You set that custom headline to have a black color. Please inspect that headline and remove the color property that is on its STYLE field. Or clear its color option (color picker).

Thanks,

#5

I apologize - I don’t quite understand.
I do want this headline to have a black color and so have picked this color in the color picker for “Call us on 832-610-9900”. But the actual phone number is taking on the grey body text color due to the custom CSS you provided:

a[href^=“tel”] {
color: rgba(23, 23, 23, 0.953);
}

This CSS is fine for any body text phone links, but I was hoping this particular headline would stay black, including the phone number on IOS devices. I’m not sure if this is possible.

Thanks.

#6

Sorry for the confusion, please add this custom CSS as well.

.h-responsive-faq a[href^="tel"] { 
	color: rgb(35, 35, 35); 
}

This one is specific to those headline/text that has a class h-responsive-faq as the “Call us on 832-610-9900” on the faq page.

Thanks,

#7

Got it, thanks!

#8

Glad we could help,

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.