Social Icons - Free Weebly Widget
- Define number of social icons, social icon class (see icon class reference to find classes for different social icons)
- Define social icon link, icon background color, icon color and icon size
- Finally you can click generate code button, to get the code ready to be used in Weebly website using Embed Code element of Weebly
Codo Social Icons widget gives user the ability to create and design social media icons without any coding skills. This widget can be used in weebly website to present social media icons leading to social media profiles in a more stylish way. You can add as many social media icons as you want.
After configuring the settings for your card, you can generate the code by clicking Generate Code button. Just copy this code and paste it in your weebly website by using the Embed Code element of Weebly.
Settings Panel |
Below is the preview of the widget
Social Icon Class Reference:Use following classes for social media icons.
For Behance: fa-behance For Dribble: fa-dribbble For Facebook: fa-facebook For Google Plus: fa-google-plus For Instagram: fa-instagram For Linkedin: fa-linkedin For Pinterest: fa-pinterest For Quora: fa-quora For Reddit: fa-reddit For Skype: fa-skype For Tripadvisor: fa-tripadvisor For Tumbler: fa-tumblr For Twitter: fa-twitter For Vimeo: fa-vimeo For Whatsapp: fa-whatsapp For Youtube: fa-youtube Troublshooting:If social media icons are not showing in your weebly website, then follow these instructions to fix this issue:
Inside Weebly editor, go into settings -> SEO - Header Code and paste following line of code in it. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> Click save button and then publish your website. That's it, now you will be able to see the check icon in your live published website. Do you have any question? |