I need Instagram and Linkedin icons scrips icons

Hi,
i want to use Instagram and linkedin icons instead of below facebook scripts, how can i do that::

<figure data-fb="https://www.facebook.com/gavickpro"

Hi.
Because our template don't support those social icons.
I suggest to use different social plugin instead. on JED you will find at least 5 solutions (extensions)
it would be much easer for you than adding extra line to code.

Hi.
Because our template don't support those social icons.
I suggest to use different social plugin instead. on JED you will find at least 5 solutions (extensions)
it would be much easer for you than adding extra line to code.

This is not true, I am sure you have misunderstood my request, these icons already exists on Creativity page, I have taken a snap shot from the contact module section where LinkedIn ICON already showing there and I have marked it with RED Arrow.

what I want to do is to obtain the script from you to call "linkedin" in the About Module so i can use it under custom output like Google+ and Twitter.

Please check both attached photos and you will get my request for sure.

All those icons code from GK Creative:

Code: Select all

<a href="#" class="gkIconFacebook">Facebook</a>
<a href="#" class="gkIconTwitter">Twitter</a>
<a href="#" class="gkIconGplus">Google+</a>
<a href="#" class="gkIconRSS">RSS</a>
<a href="#" class="gkIconDribbble">Dribbble</a>
<a href="#" class="gkIconVimeo">Vimeo</a></p>

creative.png

BUT I don't see there Instagram and Linkedin icons, hmm - so ? maybe you mistaken a template names ?

GK Creativity screenshot (not Creative!!!)- maybe you thought about it ?

creatitvity.png

If yes, those icons are from Awesome Font, unfortunately we used "old" version so it don't have Instagram icon only Linkedin.

Check Typography subpage in DEMO to check all available icons.

social-icons.png

Linkedin code

Code: Select all

 <i class="icon-linkedin-sign"></i>

thanks for your reply, this did not solve my problem. I am looking for script code to embed under Custom Output in "About" Module in Creativity Template.

the below script is for facebook, I want you to amend it to linkedin, that's all I am asking for.
hope you got my request?


<div class="gkTeam col4 animate_queue">
<figure data-fb="https://www.facebook.com/gavickpro" class="animate_queue_element">
<img src="images/demo/about/1.jpg" border="0" alt="Tim Berners" />
<figcaption>
<h3>Inspiration</h3>
<small>facebook</small> </figcaption>

are you talk about those icons in About module ?

about.png

default code : http://www.gavick.com/documentation/wp- ... frame=true

I will check what can I do for you.

you have two options:
1) customize gk_creativity\js\gk.scripts.js
2) or
simply replace fb icon with linkedin here :gk_creativity\css\gk.stuff.css

this is code of fb icon in this css file (line ~999)

Code: Select all

.gkTeamOverlay a[data-type="fb"]:before {
   content: '\f09A';
}


replace content with :

Code: Select all

content: "\f08c" ;

or

Code: Select all

 content: "\f0e1";

more details: http://astronautweb.co/snippet/font-awesome/

Hi, thanks for the heads up, i did exactly what you told me but still not able to call the linkedin or even activate the icon.

see what i did in CSS:
}

.gkTeamOverlay a[data-type="fb"]:before {
content: '\f09A';
}

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

.gkTeamOverlay a[data-type="gplus"]:before {
content: '\f0d5';
}

.gkTeamOverlay a[data-type="linkedin"]:before {
content: '\f08c';
}


See what i did in Custom Output:
</figure>
<figure data-linkedin="https://www.linkedin.com" class="animate_queue_element">
<img src="images/demo/about/6.jpg" border="0" alt="Robert Frost" />
<figcaption>
<h3>innovation</h3>
<small>linkedin</small> </figcaption>
</figure>

when i roll my mouse over the Icon it does not show any linkedin nor it links me to the URL

kindly help sort this out!

thanks
Ahmed

Because I show you how to replace one icon with another one.
In general we don't help with all customizations.

thanks, for your feedback, I wasn't expecting this reply from you! .. you are a reputable company.

however, I have managed to amend the .js file and added the missing bit for the linkedin part and now it is working fine 100% percent.
it is good to remain positive with your clients, they guarantee you repeated business and great word of mouth.

I will consider that I didn't read your response and thank anyway for your support

regards,
ahmed

If you will buy a new car, you get car, keys and short manual for it.
But if you want to add extra lights,spoilers or new engine into - Where you do go? ...
to a car dealership where you bought the car? I don't think so.

Hi

I would like to do the same. Can you post the code you used to modify the file.

Thanks