My CSS tag isn't being applied

Ross Garden

• March 05, 2022 17:05
• Edited

I don't want a blue telephone number on the mobile site. I have done this before on another site and it worked, but for some reason it's not working here.

I have added this to the text block

element a {
  text-decoration: none !important;
}

This is how it was applied:

https://jmp.sh/30gFIWQ

This is the site, if you want to look:

www.ministroflask.com

0

• 

  KC George

  • March 07, 2022 03:43
  • Edited

  Hi Ross

  I checked  www.ministroflask.com on a mobile. Telephone number appears white on the mobile and not blue. Hopefully you have fixed the problem already? 

   

  0
• 

  Ross Garden

  • March 07, 2022 11:59

  If you try it on an iPhone you will see this

  

  0
• 

  Ross Garden

  • March 09, 2022 14:02
  • Edited

  On an iPhone the text is blue Please help. This is a client request for white text. Ross. 

  

  0
• 

  Ross Garden

  • March 09, 2022 14:03

  Is it possible to get a solution for this please - I don't know what to tell my client?

  0
• 

  Alex

  • March 09, 2022 14:17

  Hi,

  that's what Safari does on mobile. It will not happen on other browsers. Try to use the following code: 

  a[href^=tel] {
  text-decoration:inherit!important;
  color: inherit!important;
  }

  0
• 

  Ross Garden

  • March 09, 2022 14:56

  AMAZING!!! Thank you very much Alex, client will be happy now :)

  0

Please sign in to leave a comment.