Contact icons in gkTeam. - Template John

Creative, responsive and unique Joomla template to create personal portfolio website with amazing animations and clean design.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Sep 17, 2014 10:49 am
Reply with quote
Report this post
Hi,
I have a question in relation to icons in gkTeam.

Can I add or change the iconsin the mouse over effect of gkTeam?

At the moment there is for:
- FB data-fb
- Twitter data-twitter
- G+ data-gplus

I find a website with changed icons: http://mymind.pl/#gkBottom1

For our website http://www.gorius.de we need individual icons for each team member
For Sonja Lang: XING
For Michael Gorius: XING and LinkedIn
For Andrea Gorius: XING

Can you show me how we can realize this?
Maybe you can help us.

Thx
User avatar
Fresh Boarder

teitbite
Thu Sep 18, 2014 10:04 am
Reply with quote
Report this post
Hi

This is a custom HTML module. Remember to edit it in a different editor than tinymce since this one will strip HTML5 code. When you will see the code you will know where to change links to pages. Icons are handled by CSS fonts. So you can override it in template override with a different icon
User avatar
Moderator

GK User
Mon Dec 08, 2014 3:28 pm
Reply with quote
Report this post
hello
I would place the icon instagram in this module, but do not know what name should I place him to call icon.
Please, i need help.
Thanks.
User avatar
Fresh Boarder

teitbite
Tue Dec 09, 2014 3:18 pm
Reply with quote
Report this post
Hi

Just use a code like:

Code: Select all
<a class="fa fa-instagram" href="#">Instagram</a>
User avatar
Moderator

GK User
Tue May 16, 2017 8:29 am
Reply with quote
Report this post
Hi, do you have the option for LinkedIn or Pinterest as well?
User avatar
Fresh Boarder

teitbite
Thu May 18, 2017 3:01 pm
Reply with quote
Report this post
Hi

You can use any icon by using a class like described here: http://fontawesome.io/icons/

In some cases an update of FontAwesome may need to be required to support newer icons.
User avatar
Moderator

GK User
Mon Jun 05, 2017 9:28 am
Reply with quote
Report this post
Ok, thanks for info. So how should I use the fa icons?

Code: Select all
<a class="fa fa-instagram" href="#">Instagram</a>

as you previously stated. Will for linkedIn be like:
Code: Select all
<a class="fa fa-linkedin" href="#">LinkedIn</a>


?
Thanks a lot.
User avatar
Fresh Boarder

teitbite
Wed Jun 07, 2017 8:49 am
Reply with quote
Report this post
Hi

Try that or use it as a content of <a></a> tag as stated here: http://fontawesome.io/icon/linkedin/
User avatar
Moderator

GK User
Sat Sep 30, 2017 3:52 am
Reply with quote
Report this post
Hello, in the My part
loyal team by passing the mouse over the image they appear the icons of the networks this is your code:

date-fb = "#" date-twitter = "#" data-gplus = "#"

To change google plus by instragram which I should put I tried putting instagram, but it does not appear.

I appreciate your help, regards.
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.