Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 25, 2017 at 3:34 pm #766628
    force-media

    Hi there,

    I am using the Enfold Theme and would like to add the URLs / Icons of my Social Media Profiles at two different places on my website (beside header and footer). Unfortunately so far I haven’t found any solution.

    Do you have any code snippet I can use to add these social media bookmarks at random places on my website?

    Thanks,
    Frank

    • This topic was modified 7 years, 7 months ago by force-media.
    March 25, 2017 at 4:06 pm #766645
    Mike

    Hey force-media,
    Try this code for the Twitter & FB icons in a widget:

    <ul class="noLightbox social_bookmarks icon_count_2"><li class="social_bookmarks_twitter av-social-link-twitter social_icon_1"><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_facebook av-social-link-facebook social_icon_2"><a target="_blank" href="http://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></ul>

    You will need to change the URLs
    Then add this code in the General Styling > Quick CSS field:

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

    Best regards,
    Mike

    March 25, 2017 at 4:43 pm #766657
    force-media

    Hi Mike,

    Many thanks for your quick answer. Can you give me a short introduction how to add this code in a individual widget? Furthermore I would need a code for 3 different Icons in following order: Facebook, Instagram and Twitter.

    Thanks again for your help!

    Best regards,
    Frank

    March 25, 2017 at 6:33 pm #766688
    Mike

    Hi,
    Here’s the updated code with Instagram:

    <ul class="noLightbox social_bookmarks icon_count_2"><li class="social_bookmarks_twitter av-social-link-twitter social_icon_1"><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_facebook av-social-link-facebook social_icon_2"><a target="_blank" href="http://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_instagram av-social-link-instagram social_icon_2"><a target="_blank" href="http://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></ul>

    postimage

    Add this code in the General Styling > Quick CSS field:

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

    Best regards,
    Mike

    March 27, 2017 at 10:15 am #767289
    force-media

    Hi Mike,

    Thanks for your response. I’ve done the steps you explained and created a individual text / html widget. For some reason the Facebook and Instagram Icon appears but not the Twitter Icon. I’ve changed the order of your html code because i want to see the Facebook Icon at first position, insta on second and twitter on third. However, I’ve added the html code i used to the private content field in this thread and it would be glad to get your help once again.

    Thanks,
    Frank

    March 30, 2017 at 10:10 am #769381
    force-media

    I’ve fixed this issue by myself. Thanks!

    March 31, 2017 at 7:57 am #769758
    Ismael

    Hi,

    Great! Let us know if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Adding Social Media Icons on a specific place in Enfold Theme’ is closed to new replies.