Add Custom Social Media Icons on Divi SOCIAL FOLLOW Module

Elegant Themes has been generous to share a tutorial on how to use SOCIAL FOLLOW module on their blog here: http://bit.ly/2a1UJlA.

Although there are already a handful of well known social media sites available with this module, like Facebook, Twitter and Instagram, there are still a ton of other sites that website owners may want to add on their profile that are not available on its current line up. So, after five hours of research , here’s how you can add social media icons that are not available on Divi SOCIAL FOLLOW module..

Watch this quick video or go through each of the screenshots below:

Here are the steps:

1. Open the SOCIAL FOLLOW module

2. Add a NEW SOCIAL NETWORK, then add your social media Account URL and decide what color you want to use.

3. Grab the CSS ID of the social media module by clicking on CUSTOM CSS and then click anywhere inside the box of SOCIAL ICON. The CSS ID will appear next to it. Save this ID (on a note pad) and then hit SAVE and publish the page.

4. Go to Divi’s THEME OPTIONS > GENERAL and scroll down to CUSTOM CSS

5. Add the following codes:

/**custom social media icon**/
.et_pb_social_media_follow_network_5 {
background: url(http://youriconURL.com) no-repeat;
}

6. Click SAVE CHANGES and you are done.