Add Tooltip to social media icon?

5 posts from 2 voices

• Started 5 months ago by Kiwy
• Latest reply from Kiwy
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   Kiwy
   Member

   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.

   Posted 5 months ago #
2. 

   Devin
   Moderator

   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

   Posted 5 months ago #
3. 

   Kiwy
   Member

   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?

   Posted 5 months ago #
4. 

   Devin
   Moderator

   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

   Posted 5 months ago #
5. 

   Kiwy
   Member

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

   Posted 5 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.