WordPress.org

Forums

Link/Obfuscate Telephone Numbers
[resolved] Style the non link for desktop (4 posts)

  1. emarioc
    Member
    Posted 1 year ago #

    Hi, thank you for this plugin! I understand the need to obfuscate for security reasons and this works well. This is the issue. do you know how I can style the non link phone number that is displayed on the desktop site? In my case link color is white and non is black. I want the desktop and the mobile to be white. not sure how to code this... I am adding this to my header.php using this code..

    '<h3><?php echo do_shortcode('[link_and_obfuscate_telephone_number tel="14403287420" link="1" debug="0" link_text="Call Us Today: (440) 328-7420" non_mobile_text="Call Us Today: (440) 328-7420" use_noscript_fallback="1" noscript_message="JS not nabled"]'); ?></h3>'

    Thanks!!!!!!

    http://wordpress.org/plugins/tel-link-obfuscate/

  2. grandadevans
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Emarioc,

    This is something that I shall be looking at for the next version. Possibly adding a class="???" property to the shortcode so that it is easier to style on all devices. I am always looking for ways to improve the plugin and although I will get around to this it may take me a few weeks

    John

  3. grandadevans
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Emarioc,

    I had a bit more time on my hands than I thought I had.

    I have just updated the plugin to version 1.4 and it should be available for download very shortly. You can now add the property css_class to the shortcode and it will put the entire output in a span with that class.

    example.
    css_class="bold"

    will result in
    <span class="bold">bla bla bla (returned output)</span>

    Don't forget to give the plugin a rating if you like it and my service.

    Thanks for using the plugin. The more users I have the happier I am :-)

  4. grandadevans
    Member
    Plugin Author

    Posted 1 year ago #

    Update: I've just added custom classes for both mobile and non mobile devices.

    In your case if you want to apply a style to non mobile devices (eg desktop) you can add

    non_mobile_css_class="classYouWantToApplyToDesktops"

    you can still use css_class="classToApply" as well and it will output
    <span class="classToApply classYouWantToApplyToDesktops">output</style>

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Link/Obfuscate Telephone Numbers
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic