How to get phone numbers to appear as a certain color?

Support
#1

Hi there, if you were to visit the website below on a mobile device (a true mobile device, not mobile screen width on a desktop), you’ll see in the footer that the phone number next to “Main:” appears dark blue (on some mobile devices) effectively hiding it from view, as some mobile device browsers automatically render the phone number as a clickable link as a click to call function.

This is happening even though I have specified a color of #fff for the number. Any advice on how one might be able to “override” this on mobile devices?

Thanks

#2

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

a[href^=tel] {
    color: #fff;
}