![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
March 5, 2021 at 4:23 pm #1285825
Hello at Kriesi,
I have done<ul class="noLightbox social_bookmarks icon_count_4"> <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_xing av-social-link-xing social_icon_3"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="XING"><span class="avia_hidden_link_text">Skype</span></a></li> <li class="social_bookmarks_linkedin av-social-link-linkedin social_icon_4"><a href="#" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="linkedin"><span class="avia_hidden_link_text">Skype</span></a></li> </ul>
to get 4 Social Icons in a footer widget. But only the first is showing.
I have done
.widget .social_bookmarks li { clear: none !important; } #top .social_bookmarks li { border: none !important; }
in CSS to get rid of the border beside the icon with no results.
In the inspector I see that the rest of the icons are under the fb icon.How can I find and copy the correct icon code if I want more social icons here?
Can you assist me? Thanks.
Best
March 5, 2021 at 4:48 pm #1285838Hey Sigmund!
Thanks for contacting us!
I checked your website and all icons are showing up fine on my end. I attached a screenshot in private content field. Please flush browser cache and refresh your page a few times :)
Cheers!
YigitMarch 5, 2021 at 5:28 pm #1285850Hi Yigit,
okay, silly me, that works.Can you give me a hint how to make them bigger. I have searched the forum and tried
#socket .social_bookmarks li a { width: 50px !important; height: 50px !important; font-size: 28px !important; }
but that does not work.
Thanks.
March 5, 2021 at 5:33 pm #1285853Hey,
Please add following code to Quick CSS field in Enfold theme options > General Styling tab :)
#top .social_bookmarks li a { font-size: 22px; }
Best regards,
YigitMarch 5, 2021 at 5:42 pm #1285856Great! And how do I add some padding to the right of each icon?
Best RegardsMarch 5, 2021 at 5:57 pm #1285864Hi,
Please add following code to Quick CSS field as well and adjust as needed
#top .social_bookmarks li { margin-right: 5px; }
Best regards,
YigitMarch 5, 2021 at 8:14 pm #1285916Thats it, you can close the topic, if you want.
Thanks again.Best
March 5, 2021 at 10:36 pm #1285941 -
AuthorPosts
- The topic ‘Social Icons in Footer Widgets’ is closed to new replies.