Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #18559

    Hello,

    I want to add a (hover) tooltip to my social media icons.

    I have tried without the external plugins via wordpress, but they don’t work properly…

    So for instance, How do I add a tooltip for the facebook icon?

    Thanks.

    #99936

    Hi Kiwy,

    Do you mean like a title/alt tag or something more like a javascript tooltip effect? If its a javascript effect, you would need to re-do the file for the social icons in includes>helper-social-media.php to use the effect you want and add a function into the functions.php to enque the script needed for the effect.

    Regards,

    Devin

    #99937

    Hi Devin,

    It is more a Alt/title code. So If I hover over the “facebook” icon. The alt text will show “Go to facebook”.

    I have tried to do it on a javascript style. The code I tried was Line 74 in includes>helper-social-media.php $html .= "<".$this->args['inside']. "class='".$this->args['class']."_".$icon['social_icon']."alt='go to the .$icon['social_icon']"."'>"; But that didn’t do the trick.

    I think its easier to add the Alt/title. Do you know where I can add that?

    #99938

    Right idea but instead replace:

    $html .= "<a href='".$icon['social_icon_link']."'>".ucfirst($icon['social_icon'])."</a>";

    with:

    $html .= "<a title='".$icon['social_icon']."' href='".$icon['social_icon_link']."'>".ucfirst($icon['social_icon'])."</a>";

    Regards,

    Devin

    #99939

    Ah ofcourse, think html >.< Title within an url! Thank you!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Add Tooltip to social media icon?’ is closed to new replies.