Tagged: Footer widgets, social icons
-
AuthorPosts
-
February 10, 2016 at 5:32 pm #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, 8 months ago by raisonbrands.
February 12, 2016 at 7:51 pm #582478Hey, 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.
February 12, 2016 at 7:57 pm #582479Hi!
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!
YigitFebruary 12, 2016 at 7:58 pm #582480Found 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>
February 12, 2016 at 8:01 pm #582482Hi!
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,
YigitFebruary 13, 2016 at 9:19 pm #582777Hi 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, 8 months ago by VORMELEVENCC.
February 13, 2016 at 10:10 pm #582779Hi!
Make sure that all
” and ″ are all actually ”Test it like that, let us know if that helps :-)
Cheers!
BasilisFebruary 14, 2016 at 1:16 am #582804Hi 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
IvoMy 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>
February 15, 2016 at 9:29 pm #583775Hey!
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, 8 months ago by Vinay.
-
AuthorPosts
- You must be logged in to reply to this topic.