Lola - Add Social Media Icons

In this theme there are two main locations you can add social media icons to. The top menu and the bottom footer.

Adding icons to the top menu

1. First, go to Appearance > Customize > Widgets and click Add a Widget and add Custom HTML widget into the Nav Social Menu location.

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

<div><a href="FACEBOOK-LINK" target="_blank"><i></i></a> <a href="TWITTER-LINK" target="_blank"><i></i></a> <a href="PINTEREST-LINK" target="_blank"><i></i></a> <a href="INSTAGRAM-LINK" target="_blank"><i></i></a> <a href="BLOGLOVIN-LINK" target="_blank"><i></i></a> <a href="mailto:EMAILADDRESS"><i></i></a></div> 

3. 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 add your links simply 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 to the other icons.

Adding icons to the top menu

1. Go to Appearance > Customize > Widgets and click Add a Widget and add Custom HTML widget into the Footer Left location.

2. Follow steps 2-3 from previous section to add icons.

Note: Not a fan of coding? If so you may achieve similar results from using the plugin Simple Social Icons.

Still need help? Contact Us Contact Us