Social Icon Settings

Divi Toolbox ➜ Global ➜ Social Icons

When it comes to social icons, Divi allows you to add the following social icons by default: Facebook, Twitter, Instagram and G+. The Divi Toolbox gives you more options:

Enable Custom Social Icon Style

Once this feature is enabled, three new customization panels are added to the Toolbox Customizer.  Here’s the list of all customization options for each panel:

Toolbox Customizer ➜ Header ➜ Header Social Icons

• Move icons to the primary menu: Enable/disable this feature to remove social icons from the top bar (secondary menu) and to add icons on the right side of the main navigation
• Social Icon font size
• Social icon color
• Social icon color on hover
• Social icon hover effect (None, Grow, Shrink, Move Up, Move Down, Wobble, Heartbeat, Jello, Pulse)

Toolbox Customizer ➜ Footer ➜ Footer Social Icons

• Footer Icons Container spacing
• Footer Icons Font Size
• Social icon color
• Social icon background color
• Social icon border radius
• Social icon border width
• Social Icons border color
• Social icon padding
• Social icon spacing (space between separate icons)
• Social icon hover color
• Social icon hover background color
• Social icon hover border color
• Social icon hover effect (None, Grow, Shrink, Move Up, Move Down, Wobble, Heartbeat, Jello, Pulse)

Toolbox Customizer ➜ Mobile ➜ Footer Social Icons

• Add Icons to the default mobile menu
• Icons Alignemt (left, centered, right)
• Spacing between icons
• Container Margin
• Icons font size
• Icons color
• Icons Background Color
• Icons Border Radius
• Icons Border Width
• Icons Border Color
• Icons Height
• Icons Width
• Icons Hover Color
• Icons Background Hover Color
• Icons Border Hover Color

Open Social Links in a New Tab

Enable this option if you’d like to open each of the Divi social links in a new browser window (please note that this setting doesn’t work in the customizer preview). Please note that the new “Dynamic Icons” option needs to be disabled in the Divi Theme Options -> General -> Performance tab.

Add More Social Icons

Enable this option to see the list of all available social media. Enter your profile URL in order to show the additional icons along with the default Divi social icons in the header and / or footer. The following social media icons are available:

• Instagram (deprecated)
• YouTube
• LinkedIn
• Pinterest
• Tumblr
• Flickr
• Dribbble
• Vimeo
• Skype
• amazon
• Bitbucket
• Behance
• Etsy
• Foursquare
• Github
• iTunes
• Patreon
• Reddit
• Slack
• Strava
• Snapchat
• Soundcloud
• Spotify
• Telegram
• Tripadvisor
• Tiktok
• Twitch
• Whatsapp
• Yelp
• Codepen
• Facebook Messanger

Please note: the option to choose a link and enable the Facebook, Instagram and Twitter icons is availbale in the Divi Theme Options -> General tab.