Alternative on Rollover

On the home page of this template - in the About section where you have the 4 people's images... and when you rollover one of them a blue background animates in with FB, Twitter, etc... is there anyway to get that so that Custom text comes up rather than how it is now?

I see the code for that is below... I would imagine we swap out the data-fb, etc... but I dont know what to swap it out with:

<div class="gk-team col4 animate_queue">
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="http://demo.gavick.com/wordpress/creativity/wp-content/themes/Creativity/images/demo/about/1.jpg" alt="Tim Berners">
<figcaption>
<h3>Tim Berners</h3>
<small>CEO Executive Officer</small> </figcaption>
</figure>
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="http://demo.gavick.com/wordpress/creativity/wp-content/themes/Creativity/images/demo/about/2.jpg" alt="Julia Morena">
<figcaption>
<h3>Julia Morena</h3>
<small>Creative Director</small> </figcaption>
</figure>
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="http://demo.gavick.com/wordpress/creativity/wp-content/themes/Creativity/images/demo/about/3.jpg" alt="Eddy Doe">
<figcaption>
<h3>Eddy Doe</h3>
<small>Customer Support</small> </figcaption>
</figure>
<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
<img src="http://demo.gavick.com/wordpress/creativity/wp-content/themes/Creativity/images/demo/about/4.jpg" alt="Robert Frost">
<figcaption>
<h3>Robert Frost</h3>
<small>Web Designer</small> </figcaption>
</figure>
</div>

Its not that ise, as there is a JS in the middle, which takes data-xomething and translates it to overlay that shows on hover.
So to do that, You would need not only to create new data-something key, but also write code that willchange it to text on the overlaying layer, and finally modify css'es to display it right.

Is there an icon we can use to replace the social icons then? So that we can just change where it links to?

To be 100% sure - you would like to place only one icon and link to another source?