Additional social icons

Hi,

I wish to use following additional social links in the footer of my site:

1. Linkedin
2. Youtube

Would really appreciate is someone can guide me to achieve that?

Regards,
RobinS

Hi,
it takes some time,
1) because first you have to add your icons to this file templates/gk_startup/images/style1/social_icons.png
2) then create new css style for those icons
3) add to custom module those two social links

Of course - the easy way will be just add 2 icons like any other images to Custom HTML named " Social icons " near our social links, but without animation effect.

Hi Pawel F,

Thanks for the guide. I should be able to create the images. Now the Styling part is what worries me. If possible could you guide me as to how i would do it for the two said social links.

Warmest Regards,
RobinS

Icons:
Picons Social (bundle of free 80 vector icons) --> free package: http://picons.me/ - at the bottom/middle

there you 'll find most favorite social icons(logos) such as Facebook, Twitter, Instagram, Flickr, Tumblr, Youtube, Pinterest, Dribbble and many others.

Hi Pawel F,

Thanks for the icon links. The repository is quite useful!
About the css styling psrt, any help would be appreciated!

Regards,
RobinS

To create this same effect want we do , you have to know CSS Sprite technique + How to inverse icons in Graphic tool, that why I suggest use simple code, which you have to add to "Social icons" module in HTML mode

Code: Select all

<a style="color: #363636; display: inline-block; font-size: 14px; font-weight: 600; line-height: 60px; padding: 0 65px 0 48px; background: url('images/picons18.png') no-repeat;" href="http://www.youtube.com/watch?v=X34dYOWd-80"> YouTube</a>

picons18.png - name of your YT icon, and add your URL