Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #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

    #328308

    Hey 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!
    Yigit

    #329141

    Hi Yigit.

    Thanks very much for this!!
    Worked!

    nik

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.