Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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

    #1285838

    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

    #1285850

    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.

    #1285853

    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

    #1285856

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

    #1285864

    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

    #1285916

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

    Best

    #1285941

    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

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Social Icons in Footer Widgets’ is closed to new replies.