The Social Media Follow module by Divi Theme is such a useful module, especially if you or your client has a lot of social media channels. The issue that I found with it is the sizes of the icons aren’t as easy to adjust.

That’s why I thought of doing this tutorial, and I hope this helps you!

Sample

After – Smaller

After – Bigger

Video Tutorial:

Tutorial:

Step 1:

Add class to Social Media Follow Module

For example: social-icons-bigger

Step 2:

Add code to Theme Customizer

———

.social-icons-bigger.et_pb_social_media_follow li a.icon::before {
width: 50px;
line-height: 50px;
font-size: 36px;
}
.social-icons-bigger.et_pb_social_media_follow li a.icon {
width: 50px;
height: 50px;
}

———

Where’s the Theme Customizer?

Additional Info:

Feel free to play around with the width, line-height, height, and font-size to your own liking.

Here’s the code for the “After – Smaller” example:

———

.social-icons-smaller.et_pb_social_media_follow li a.icon::before {
width: 20px;
line-height: 20px;
font-size: 12px;
}
.social-icons-smaller.et_pb_social_media_follow li a.icon {
width: 20px;
height: 20px;
}

———

If you have any questions on these, don’t hesitate to leave a comment, and I would be more than happy to help!

If the video tutorial helped, please do Like, Comment or Subscribe to my YouTube channel! Thanks!