Tel link styling

Posted in: Newspaper
Post count: 195
petar777
#519310
Oct 21, 2024 at 1:25 pm

Hello,

I thought all hyperlinks should be displayed with the same style but for some reasons phone links aren’t displayed as a clicky text.

Check this page here – https://eurocom.bg/predavaniya/delnitsi-kontakti/ the email is highlighted in blue and when you hover over it is clicky, the phone number is displayed as normal text but when you hover IT IS CLICKY.

Is it normal or?

Post count: 27744
Anamaria
#519327
Oct 21, 2024 at 4:12 pm

Hi,

You need to add the number using this format https://pastebin.com/jd2qvxF6

Thank you!

Post count: 195
petar777
#519337
Oct 21, 2024 at 4:29 pm

I think I have done it in the same way?

Post count: 27744
Anamaria
#519339
Oct 21, 2024 at 4:30 pm

Hi,

Please provide some screenshots.

Thank you!

Post count: 195
petar777
#519344
Oct 21, 2024 at 4:45 pm

Do you know how to inspect a page? I sent you a page that literally consists of two hyperlinks.

Post count: 27744
Anamaria
#519372
Oct 22, 2024 at 9:08 am

Hi,

Your css is minified https://i.imgur.com/THpRkKD.png and seems that is what is not apply -> https://i.imgur.com/THpRkKD.png
You can try this for it
a[href^="tel"]
{
color: var(--td_theme_color,#4db2ec)
}

Thank you!

Post count: 195
petar777
#519557
Oct 24, 2024 at 2:16 pm

Thank you, will try it and tell you if it works.

Post count: 195
petar777
#519563
Oct 24, 2024 at 2:42 pm

<a.href="tel:+123" style="color.: var(--td_theme_color, #4db2ec);">123</a> (without the dots) is how it should be written and works.

  • This reply was modified 1 year by petar777.
  • This reply was modified 1 year by petar777.
  • This reply was modified 1 year by petar777.
  • This reply was modified 1 year by petar777.
Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.