Social share buttons in footer

Hi Victoria,
Thanks a lot! This size of the icons is a lot better.

Could you help me out with getting the right social buttons?
The ones I have at the moment are a copy of a previous post, but I would need:

• LinkedIn
• Facebook
• Sketchfab (not a standard one)
• Youtube
• Twitter
• Instagram
• Google+

Thanks a lot for the fast support!
Regards,
Jurgen

Hi,

I managed to build this code in a custom html widget:

<ul class="noLightbox social_bookmarks icon_count_7">
<li class="social_bookmarks_linkedin av-social-link-linkedin social_icon_1">
<a target="_blank" href="https://www.linkedin.com/" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="LinkedIn">
<span class="avia_hidden_link_text">LinkedIn</span>
</a></li>

<li class="social_bookmarks_facebook av-social-link-facebook social_icon_2">
<a target="_blank" href="https://www.facebook.com/kriesi.at" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook">
<span class="avia_hidden_link_text">Facebook</span>
</a></li>

<li class="social_bookmarks_facebook av-social-link-facebook social_icon_3">
<a target="_blank" href="https://www.facebook.com/kriesi.at" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Sketchfab">
<span class="avia_hidden_link_text">Sketchfab</span>
</a></li>

<li class="social_bookmarks_youtube av-social-link-youtube social_icon_4">
<a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Youtube">
<span class="avia_hidden_link_text">Youtube</span>
</a></li>

<li class="social_bookmarks_twitter av-social-link-twitter social_icon_5">
<a target="_blank" href="http://twitter.com/#/" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter">
<span class="avia_hidden_link_text">Twitter</span>
</a></li>

<li class="social_bookmarks_instagram av-social-link-instagram social_icon_6">
<a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Instagram">
<span class="avia_hidden_link_text">Instagram</span>
</a></li>

<li class="social_bookmarks_gplus av-social-link-gplus social_icon_7">
<a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Gplus">
<span class="avia_hidden_link_text">Gplus</span>
</a></li>
</ul>

The third one is now again facebook and I want it to be Sketchfab.
I managed to create a specially created icon for this in fontello and installed this font, it’s called sketchfab.
I added the icon in the testpage in the private content below.

My question is now, how do I get that icon in the custom html box? Could you provide me with the code?
For the background color you could take the standard one for skype for example, it’s pretty close to the sketchfab colors.

Thanks a lot!
Jurgen

Hi Victoria,
I don’t need the icon in the header or footer socket, but in the footer itself, so with a custom html box.
Do I still need to change a php file for this?

I thought I just needed to change the line below to get the icon to display:

<a target="_blank" href="https://www.facebook.com/kriesi.at" title="Facebook">

I installed an extra font for this, called “sketchfab”. There is only one icon in this font, the one from sketchfab.

Basically my question is, how do I get that icon in this part of the code: “” ?
(is it copy/paste from somewhere?)
I’m not that experienced in this type of stuff, my appologies!

Thanks a lot,
Jurgen

• This reply was modified 7 years ago by j_vandonink.

Hi all,
That last reply is really like Chinese for me…

Anyway, I found the solutions myself.
This is the code I needed:

<li class="social_bookmarks_skype av-social-link-skype social_icon_3">
<a target="_blank" href="https://www.facebook.com/kriesi.at" aria-hidden="true" data-av_icon="" data-av_iconfont="sketchfab" title="Sketchfab">
<span class="avia_hidden_link_text">Sketchfab</span>
</a></li>

This topic can be closed.
Thanks!
Jurgen