Tagged: social media icons
Viewing 3 posts - 1 through 3 (of 3 total)
-
AuthorPosts
-
October 1, 2014 at 5:24 pm #328302
Hello.
I’ve managed to add Social Media icons (like the ones at the top) to my footer, however, for the life of me, I can’t figure out how to change the icons so that they emulate what I have at the top (Facebook, Twitter, Google, YT, Vimeo, Flickr, RSS).
Here is the code that I have applied to my footer widget:
<ul class="noLightbox social_bookmarks icon_count_7"> <li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"> <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_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_gplus av-social-link-gplus social_icon_3"><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> <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_vimeo av-social-link-vimeo social_icon_5"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Vimeo"><span class="avia_hidden_link_text">Vimeo</span></a></li> <li class="social_bookmarks_flickr av-social-link-flickr social_icon_6"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Flickr"><span class="avia_hidden_link_text">Flickr</span></a></li> <li class="social_bookmarks_RSS av-social-link-rss social_icon_7"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Pinterest"><span class="avia_hidden_link_text">RSS</span></a></li> </ul>
Website address is:
http://www.kairoscanada.org/test/Any help would be much appreciated.
Nik
October 1, 2014 at 5:27 pm #328308Hey KairosCanada!
Please use following code instead
<ul class="noLightbox social_bookmarks icon_count_7"><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_gplus av-social-link-gplus social_icon_3"><span class="avia_hidden_link_text">Gplus</span><li class="social_bookmarks_youtube av-social-link-youtube social_icon_4"><span class="avia_hidden_link_text">Youtube</span><li class="social_bookmarks_vimeo av-social-link-vimeo social_icon_5"><span class="avia_hidden_link_text">Vimeo</span><li class="social_bookmarks_flickr av-social-link-flickr social_icon_6"><span class="avia_hidden_link_text">Flickr</span><li class="social_bookmarks_rss av-social-link-rss social_icon_7"><span class="avia_hidden_link_text">Rss</span>
you can copy&paste from here as well – http://pastebin.com/aDCT0Z8j
Cheers!
YigitOctober 2, 2014 at 6:35 pm #329141Hi Yigit.
Thanks very much for this!!
Worked!nik
-
AuthorPosts
Viewing 3 posts - 1 through 3 (of 3 total)
- The topic ‘Change social media button icons (applied in footer widget)’ is closed to new replies.