Celebrate Christmas and New Year with 10% off on Themes Bundle, use coupon code "XMAS10" Buy Now

Reply To: Font Awesome tooltip

Home Support Combine WordPress Theme Font Awesome tooltip Reply To: Font Awesome tooltip

#10262

Grace Themes
Keymaster

Hi,

Please make the below code changes to display the ToolTip on mouse hover for top social media icon and footer social media section

Go to Appearance -> Editor -> inc/custom-functions.php

at line no. 499 you will find the below code

function combine_pro_social($atts){
 extract(shortcode_atts(array(
  'icon' => '',
  'link' => ''
 ),$atts));
  return '<a href="'.$link.'" target="_blank" class="'.$icon.'" title="'.$icon.'"></a>';
 }
add_shortcode('social','combine_pro_social');

Now change it to the following code:

function combine_pro_social($atts){
 extract(shortcode_atts(array(
  'icon' => '',
  'title' => '',
  'link' => ''
 ),$atts));
  return '<a href="'.$link.'" target="_blank" class="'.$icon.'" title="'.$title.'"></a>';
 }
add_shortcode('social','combine_pro_social');

Now Go to Appearance -> Theme Options-> Basic Settings -> Header Top Social Icon -> Add Title field ( title=”Facebook” )

[social_area]
[social icon=”fab fa-facebook-f” title=”Facebook” link=”https://www.facebook.com/5starcases/”]
[social icon=”fab fa-twitter” title=”Twitter” link=”https://twitter.com/5Star_Cases”]
[social icon=”fab fa-linkedin-in” title=”LinkedIn” link=”https://www.linkedin.com/company/5-star-cases-limited/”]
[social icon=”fab fa-instagram” title=”Instagram” link=”https://www.instagram.com/5star_cases/”]
[/social_area]

Go to Appearance -> Theme Options-> Footer -> Footer Social Icon -> Add Title field

[social_area]
[social icon=”fab fa-facebook-f” title=”Facebook” link=”https://www.facebook.com/5starcases/”]
[social icon=”fab fa-twitter” title=”Twitter” link=”https://twitter.com/5Star_Cases”]
[social icon=”fab fa-linkedin-in” title=”LinkedIn” link=”https://www.linkedin.com/company/5-star-cases-limited/”]
[social icon=”fab fa-instagram” title=”Instagram” link=”https://www.instagram.com/5star_cases/”]
[/social_area]

Regards
Grace Themes