Add/change social icons in About Section

Responsive, suitable for any type of business, built for any needs elegant one-page Joomla template.
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
Sat Aug 10, 2013 12:34 pm
Reply with quote
Report this post
Hi, how can i add social icons in this sections? for example, the linkedin icon

thanks! :)
User avatar
Fresh Boarder

GK User
Sat Aug 10, 2013 1:19 pm
Reply with quote
Report this post
Hi,
you have to two options:

1) Insert a module with social GK Social
2) because we used font-awesome - just find your typo "icon" and insert insert it

I'm not sure where and what kind of changes are you expect.

Only screenshot can help ;)
User avatar
Platinum Boarder

GK User
Mon Aug 12, 2013 10:14 pm
Reply with quote
Report this post
Now I'm adding a article how to add social icons -> http://www.gavick.com/documentation/gen ... ial-icons/
User avatar
Platinum Boarder

GK User
Tue Aug 13, 2013 11:38 am
Reply with quote
Report this post
Hi Pawel, thanks for your reply!

I try to insert de code for this icon in the gk.stuff.css (line 1010):

Code: Select all
.gkTeamOverlay a[data-type="linkedin"]:before {
   content: '\f0e1';
}


Like the others icons, fb, twitter...and use this code in module:

Code: Select all
<figure data-fb="https://www.facebook.com/XXX" data-twitter="https://twitter.com/XXX" data-linkedin="https://www.linkedin.com/XXX" class="animate_queue_element"><img src="images/equipo/XXX.jpg" border="0" alt="XXX" /> <figcaption>
<h3>XXX</h3>
<small>Lorem ipusm</small> </figcaption></figure>


I use the "data-linkedin" like fb or twitter, but doesn't work, can you helpme to insert here the linkedin icon?

Thanks a lot!

PD: Attach the "about section" in demo
User avatar
Fresh Boarder

GK User
Tue Aug 13, 2013 7:33 pm
Reply with quote
Report this post
I have another idea.... you can try, it cost nothing.

It's possible to make one image link to several URL (social media in your case), depending on where the image is clicked. This technique is called imagemapping. You simply specify which areas of the image should link to where. Using this method you have also full control about appearance i functionality. Of course in theory. :whistle:

Info: http://www.w3schools.com/tags/tag_map.asp
Online tool: http://www.maschek.hu/imagemap/
User avatar
Platinum Boarder


cron