The Divi theme comes with a social media follow module which lets you add icons from a range of social networks into you pages, and Divi Booster adds approximately 300 additional icons. But what if you need an icon not covered by either. Here's how to add your own custom social media follow network icon images.
Adding a Custom Social Media Network using Divi Booster
Divi Booster adds a new "Image Icon" option to the social media follow module, which can be used to upload an image icon of your choice.
To use it, first add a new social network to your social media follow module (or edit an existing one):
This option is available from Divi Booster 3.5.3 upwards.
Adding a Hover Effect on the Custom Icon
The custom icon is an uploaded image, rather than a font icon as is the case for the other social icons supported in the module. This means, unfortunately, that it won't be affected by the color options in the module settings' design tab. As such these settings can't be used to give the custom icon a different color on hover.
An alternative is to create and upload two versions of the custom icon image – one for the default state and one for the hover state.
To set a different image to be displayed on hover, return to the image uploader in the social network settings, then hover over the setting name: 'Image'. This will bring up the setting's advanced options. Click on the 'hover' pointer icon. like so:
You can now click on the image and replace it with your hover image.
Now save the module settings, and the page.
When you view the page on the front-end, you should then see the hover image displayed when you hover over the icon.
The hover image option is supported in Divi Booster 3.7.0 upwards.