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
Before
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!