Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #581263

    Howdy,

    I’m trying to add social icons to a particular footer widget (not the socket) but am unable, and although I saw reference to code in other threads, I was unable to find the actual code anywhere on the support forum. Please help.

    • This topic was modified 8 years, 9 months ago by raisonbrands.
    #582478

    Hey, we’re a couple days out here, any help? Same code from previous version of enfold does not work here. I put the code (with other client’s social info) in the private content box, but for some reason part of it seemed to be publicly displayed so I had to erase it.

    #582479

    Hi!

    To make sure that we are on the same page, you would like to add social buttons that are on header and socket section into a widget in footer area, is that correct? If so, please create a temporary admin login and post it here privately in Private Content Field

    Cheers!
    Yigit

    #582480

    Found it, for anyone else having issues, slap this in the Quick CSS:

    #footer .social_bookmarks li {
    clear: none !important;
    border: 0 !important;
    }

    And this in the widget text editor:

    <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_youtube av-social-link-youtube social_icon_6″><span class=”avia_hidden_link_text”>Youtube</span>

    #582482

    Hi!

    Glad you figured it out!

    For future readers, you can use the code as following

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

    To fix it on all widget areas, not only the ones in footer :)

    Best regards,
    Yigit

    #582777

    Hi Yigit and raisonbrands,

    I was following this thread. Could you explane how he got the following part. Is there a tutorial for this with al the option?

    <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_youtube av-social-link-youtube social_icon_6″><span class=”avia_hidden_link_text”>Youtube</span>

    Would like to create Round icons for to use in the footer: email, Facebook, Twitter and LinkedIn

    Thank You

    • This reply was modified 8 years, 9 months ago by VORMELEVENCC.
    #582779

    Hi!

    Make sure that all
    ” and ″ are all actually ”

    Test it like that, let us know if that helps :-)

    Cheers!
    Basilis

    #582804

    Hi Basil,

    It wasn’t my code. I wrote a new one, based on thatcode. Still would like to create Round icons for to use in the footer: email, Facebook, Twitter and LinkedIn.

    Hope you can help me.

    Kind regards
    Ivo

    My code:

    <ul class=”noLightbox social_bookmarks icon_count_4″>
    <li class=”social_bookmarks_mail av-social-link-mail social_icon_1″>
    <span class=”avia_hidden_link_text”>mail</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_facebook av-social-link-facebook social_icon_3″>
    <span class=”avia_hidden_link_text”>Facebook</span>

    <li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_4″>
    <span class=”avia_hidden_link_text”>linkedin</span>

    #583775

    Hey!

    To make the icons rounded please use the below css

    .social_bookmarks li {
    	border-radius: 100px;
    }

    If you have any issues please get back to us with the link to your site.

    Best regards,
    Vinay Kashyap

    • This reply was modified 8 years, 9 months ago by Vinay.
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.