How to add a social icon not listed - Support | Kriesi.at

In addition, the social icon for Instagram is showing up as Skype (see footer). Thanks.

June 12, 2014 at 6:07 am #277917

Hey!

Refer to this article:
http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/

You’d need to generate a new icon font in Fontello.

Best regards,
Josue

June 12, 2014 at 10:12 pm #278310

Thanks for the quick response. If you look at the site, you will see at the bottom footer in social, you will see the Skype icon font. I did not select this. As you can see in the code below, the third item is instagram…

Here is the source:

<ul class="noLightbox social_bookmarks icon_count_6">
<li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/" 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_twitter av-social-link-twitter social_icon_2"><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_3"><a target="_blank" href="https://instagram.com/#" 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_pinterest av-social-link-pinterest social_icon_4"><a target="_blank" href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Pinterest"><span class="avia_hidden_link_text">Pinterest</span></a></li></ul>

This reply was modified 10 years, 6 months ago by slui.

June 12, 2014 at 11:29 pm #278363

Try using this code instead:

<ul class="noLightbox social_bookmarks icon_count_4"><li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/" 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_twitter av-social-link-twitter social_icon_2"><a target="_blank" href="https://www.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_3"><a target="_blank" href="https://www.instagram.com/#" 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_pinterest av-social-link-pinterest social_icon_4"><a target="_blank" href="https://www.pinterest.com/#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Pinterest"><span class="avia_hidden_link_text">Pinterest</span></a></li></ul>

Best regards,
Josue

June 12, 2014 at 11:55 pm #278380

That worked perfectly. Thanks so much.

Can I ask someone here to do the work of adding another icon for me? Is that allowed?

June 13, 2014 at 12:00 am #278382

I also wanted to ask you if it is possible to add a social icon on the top right that is not listed in options provided under header layout options?

I want to add a social media property called Polyvore. http://www.polyvore.com

Thanks.

June 14, 2014 at 8:27 pm #278957

Hi!

Refer to this article:
http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/

You need to have the Polyvore logo as an icon font, you can use Fontello to generate the font file.

Cheers!
Josue

June 16, 2014 at 7:08 am #279267

Hi Josue,

I went to the Fontello to attempt to create the icon but that didn’t work at all. I’m not very technical at all.

You never answered my question about soliciting help?

Lastly, I used your code for the social media icons on the bottom of the widget. I decided to add one more social media icon and I got the same issue as before. The last social media icon should be showing Google Plus but instead I have Pinterest showing up. What changes did you make last time to make it work? I tried to duplicate what you’ve done and it is not working. See the code in a separate response.

June 16, 2014 at 7:09 am #279268

This reply has been marked as private.

June 16, 2014 at 8:11 am #279279