CANT UPDATE A TEXT BOXs COLOUR

Hello !!  Just wondering if anyone knows how to fix this issue - Basically in both SS views Desktop + Mobile the phone number for ELAINE is navy blue but when I check it on my actual phone it's grey with a link line underneath.  

None of the following have fixed the problem yet : 

1. Ive deleted this multiple times and made a new text box
2. I've copied and pasted TAMARA text box and inserted new text
3. Changed it multiple times in the COLOURS EDIT PAINT BRUSH THINGY 
4. restarted computer
5. refreshed my phone 
6. refreshed SS
7. removed the 'LINK' which is making it grey.....

Any ideas would be greatly appreciated - site is going LIVE soon 🙂   PLEASE HELP 😆

Squarespace are baffled - they're looking in to it 🙂 

My first guess would be the browser is overriding/ignoring the CSS. Actual mobile devices often do these kinds of things to provide a consistent user experience.

The reason it works in the desktop browser mobile view is that is just an emulation of a mobile environment but you are working on a computer, not an actual mobile device.

On 2/1/2023 at 5:26 AM, spacecadetdigital said:

[In the mobile device preview window] the phone number for ELAINE is navy blue but when I check it on my actual phone it's grey with a link line underneath.  

Safari on iOS is designed to detect phone numbers on webpages and make them into links that call the number - even when you haven't added code to do this. It tries to be extra helpful 🙂. This link comes with Safari's own styling.

You should be able to override this by doing one of two things:

• Use CSS to force the inherited styling
• Add a meta tag to stop Safari detecting the numbers

You didn't provide a link to the site so I wasn't able to provide you with specific code tested on this site.

Did this help? Please give feedback by clicking an icon below  ⬇️