Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #766628

    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 3 years, 4 months ago by  force-media.
    #766645

    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

    #766657

    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

    #766688

    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

    #767289

    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

    #769381

    I’ve fixed this issue by myself. Thanks!

    #769758

    Hi,

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

    Best regards,
    Ismael

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.