Social Media Icons with their names next to them.

Hi all, and I hope this is as clear as possible.
So I am having three problems with these social icons in the bottom of my footer section:

1. The code below, when put into a single box, only reflects the first icon for facebook. As such I have put each piece of code into an individual text box to ensure I am able to get Twitter, FB, LI to show. How can I fix this?
2. I want to add an additional tab for Slideshare, is it possible to do so in this same piece of code, or do I need to add that seperately?
3. I want to add name text for each one next to them, that is centered. Currently when I add the text, it sticks to the top of the line, and there is no spacing >.<

In my quick css I have:

.widget .social_bookmarks li { clear: none !important; }

And in the text boxes in the widget area, I have:

<ul class=”noLightbox social_bookmarks icon_count_6″><li class=”social_bookmarks_facebook av-social-link-facebook social_icon_1″><span class=”avia_hidden_link_text”>Facebook</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_skype av-social-link-skype social_icon_3″><span class=”avia_hidden_link_text”>Skype</span><li class=”social_bookmarks_pinterest av-social-link-pinterest social_icon_4″><span class=”avia_hidden_link_text”>Pinterest</span><li class=”social_bookmarks_gplus av-social-link-gplus social_icon_5″><span class=”avia_hidden_link_text”>Gplus</span><li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_6″><span class=”avia_hidden_link_text”>Linkedin</span>

My site is http://www.geniianalytics.com/ , any assistance would be greatly appreciated XD