Change Icon in About module

Hi guys!

I was wondering how is posible to change the icon of Facebook, twitter and google + when you pass the mouse over the picture of the team ( the about section), I look at the HTMl code and there is the following code:

<figure class="animate_queue_element" data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts"><img src="images/demo/about/1.jpg" alt="Tim Berners" border="0" /> <figcaption>

What the data-twitter does? how is that it call for the twitter icon? How I can change it to a email icon?

thanks for the help!!

The data-* attributes define the URL for this icon and you can change them by modifying module code. We've used there the FontAwesome so it is easy way to replace icon with different one for example if you want to modify twitter icon to email please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

.gkTeamOverlay a[data-type="twitter"]::before { content : "\f003"; }


and then just remember to enable "Use override CSS" option in template advanced settings tab.