Virtue Contact/Vcard widget telephone fields

  • I have a site which uses the Virtue Contact/Vcard widget to display contact info in the footer. I am having an issue where mobile users are unable to click the phone number to call the business, as the number appears as text only. This happens on both the mobile and fixed telephone fields, as both seem to support text only and no HTML.

    I haven’t been able to find a way using css or html to fix this within the widget. Sure, I can recreate it and add in all the icons and company information after making a custom widget, but this seems like a lot of work for something so simple. Is there an easy way to make this field clickable or to allow it to support HTML that I am somehow missing?

    Thanks in advance!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Can you post a link so that I can take a look at this?

    thanks,
    Kevin

    Thread Starter Nextech84

    (@nextech84)

    Hi Kevin,

    The page can be seen here. Down at the bottom right is the Vcard, the phone displays as text only and will not accept inline html.

    • This reply was modified 7 years, 10 months ago by Nextech84.

    Try adding the phone number like this:
    <a href="tel:1-616-837-6633">1-616-837-6633</a>

    Let me know if that works for you.

    -Kevin

    • This reply was modified 7 years, 10 months ago by Kevin.
    Thread Starter Nextech84

    (@nextech84)

    Hi Kevin,

    That is the first thing I tried, but if you attempt to add HTML to the field in the Vcard widget, it will not accept it and converts it back into text.

    After consulting with the theme developer, he has let me know that the contact cart doesn’t automatically generate the phone number.

    The best workaround would be to configure a text widget in the footer that contains the html of the contact cart.

    Within the html of the contact card, you’ll want to replaced the phone number with the tel link that I gave you above.

    This will retain the styling of the widget, but force devices to see the phone number.

    -Kevin

    Thread Starter Nextech84

    (@nextech84)

    I will give that a shot, thanks Kevin.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Virtue Contact/Vcard widget telephone fields’ is closed to new replies.