Style the non link for desktop

  • Resolved emarioc

    (@emarioc)


    10 years, 5 months 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/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author grandadevans

    (@grandadevans)

    10 years, 5 months 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

    Plugin Author grandadevans

    (@grandadevans)

    10 years, 5 months 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 🙂

    Plugin Author grandadevans

    (@grandadevans)

    10 years, 5 months 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>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Style the non link for desktop’ is closed to new replies.