Set Up Footer Social Media Icons

Go to Appearance > Widgets and drag a Custom HTML widget into the Footer 1 location.

Open up that text widget and paste this code within there.

<div class="footer-social"><a href="FACEBOOK-LINK" target="_blank"><i class="fa fa-facebook"></i> <span>Facebook</span></a> <a href="TWITTER-LINK" target="_blank"><i class="fa fa-twitter"></i> <span>Twitter</span></a> <a href="INSTAGRAM-LINK" target="_blank"><i class="fa fa-instagram"></i> <span>Instagram</span></a> <a href="PINTEREST-LINK" target="_blank"><i class="fa fa-pinterest-p"></i> <span>Pinterest</span></a> <a href="BLOGLOVIN-LINK" target="_blank"><i class="fa fa-heart"></i> <span>Bloglovin</span></a> <a href="LIKE-TO-KNOW-LINK" target="_blank"><i class="fa fa-tag"></i> <span>LIKEtoKNOW.it</span></a> <a href="mailto:EMAILADDRESS" target="_blank"><i class="fa fa-envelope"></i> <span>Email</span></a></div>

Delete and add as you please. Additional icon codes are included in the Icon Link Codes file inside of the Assets folder. You may separate each icon with a space. Be sure to keep the div tags in place.

To set up your links simple replace the cap letters with your own links.

Example: For Twitter, you need to insert your Twitter (URL) link in the exact spot that says
“TWITTER-LINK”. Nothing more, nothing less. The same applies for the other icons.

Still need help? Contact Us Contact Us