Enfold Social media icons in footer

Hello,

Tought it would be better to start my own topic. Tried to hitch along with: https://kriesi.at/support/topic/cant-add-social-icons-to-widget-in-footer/
But didn’t work

The basis: I would like to add 4 round social media icons in the footer.
1: Mail, 2: Twitter, 3: Facebook & 4: LinkedIn

Placed in the footer widget (column 3 footer):

<ul class=”noLightbox social_bookmarks icon_count_4″>
<li class=”social_bookmarks_mail av-social-link-mail social_icon_1″>
<span class=”avia_hidden_link_text”>mail</span>

<li class=”social_bookmarks_twitter av-social-link-twitter social_icon_2″>
<span class=”avia_hidden_link_text”>Twitter</span>

<li class=”social_bookmarks_facebook av-social-link-facebook social_icon_3″>
<span class=”avia_hidden_link_text”>Facebook</span>

<li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_4″>
<span class=”avia_hidden_link_text”>linkedin</span>

Placed in style.css (Enfold child theme):

#footer .social_bookmarks li {clear: none!important;}
.social_bookmarks li {border-radius: 100px;}

This output gives me 4 square icons:
1) Facebook icon (with mail text on mouse over) – Should be mail icon
2) Twitter icon (correct)
3) Facebook icon (correct)
4) Skype icon (with LinkedIn text on mouse over) – Should be LinkedIn icon
(see http://nl.tinypic.com/r/2zs3dvq/9)

Can you please help me?
Searched the forums but can’t find any real reliable documentation. Is there any?
Placed the login info in private section.

With kind regards,
Ivo Peters