Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 5, 2021 at 4:23 pm #1285825
    Sigmund

    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 #1285838
    Yigit

    Hey 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!
    Yigit

    March 5, 2021 at 5:28 pm #1285850
    Sigmund

    Hi 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 #1285853
    Yigit

    Hey,

    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,
    Yigit

    March 5, 2021 at 5:42 pm #1285856
    Sigmund

    Great! And how do I add some padding to the right of each icon?
    Best Regards

    March 5, 2021 at 5:57 pm #1285864
    Yigit

    Hi,

    Please add following code to Quick CSS field as well and adjust as needed

    
#top .social_bookmarks li {
    margin-right: 5px;
}

    Best regards,
    Yigit

    March 5, 2021 at 8:14 pm #1285916
    Sigmund

    Thats it, you can close the topic, if you want.
    Thanks again.

    Best

    March 5, 2021 at 10:36 pm #1285941
    Yigit

    Hi,

    You are welcome!
    Let us know if you have any other questions or issues and enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Social Icons in Footer Widgets’ is closed to new replies.