Text Displaying Wrong Color

Support
#1

Hello, we have the text color for the phone numbers listed in the footer to white . But they are displaying tan on ipad and iphones. Even after refreshing. Can you advise why the phone numbers aren’t displaying the correct color?

URL: https://lefeeds.com/

le
le834×1194 360 KB

#2

Hello @Sarah_S,

Thanks for writing to us.

I tried to access your given site URL but it is not working at the moment. I would suggest you please let us know where it is working since it is not possible to provide the exact solution with only a screenshot.

Thanks

#3

It’s working fine for me and my team. Can you check again now? https://lefeeds.com/

#4

Hello @Sarah_S,

I tried to access your site through the android phone and the text color is working fine at my end. I have tested it on the Google Chrome browser 110.0.5481.153 version. I would suggest you please clear your browser cache and then check it again. If the issue still persists please let us know the browser and its version.

Thanks

#5

Hello we have tried clearing caches. The issue seem to be specific to iPad and iPhone. (As noted in my initial post.) My iPad Pro is all up to date. iPadOS 16.3.1 . Safari. Here is the details from what’s my browser: https://www.whatsmybrowser.org/b/F0E6C

#6

Hello @Sarah_S,

Your issue is browser-related. To be able to resolve it, please check this out:

Best Regards.

#7

Hey, sorry if I’m being dense, but how is that thread relevant to my original question? I’m not trying to disable a phone number from linking in safari. In fact, these aren’t even links. It’s just text that I set in cornerstone footer to be white. But for some reason, it’s showing up as tan in safari. Would you be willing to login and see if I did something incorrect in the settings? Or could you help me out with some CSS to overide the color in safari browsers? Really appreciate your support.

#8

Hello @Sarah_S,

It is showing a different color in Safari because the Safari browser will ALWAYS turn a phone number or even an email address into a link automatically. They only way to fix that is to disable that feature in Safari to prevent the browser from turning it into a link.

Hope this makes sense. Thanks.

#9

Okay, that is helpful. I’m fine with them being links. They just need to be white. I tried adding a CSS class to make those links white, but they are STILL showing as tan in Safari. Is there any CSS I can add to override that?

#10

Hello @Sarah_S,

Check out this old thread:

You may need something like:

.x-colophon a[href^="tel"]{
    color: white !important;
    text-decoration: none !important;
    pointer-events: none;
    cursor: default;
}

The code above serves as an example code. Feel free to modify it when needed. You will have to maintain any custom coding to make sure that it will still work after any updates or does not create any issues or incompatibility in the future. Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

#11

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