In web design, sometimes it's the small touches that make a big difference. In this guide, I'll show you how to add icons to the fields in a Divi contact form. Here's how it will look:For this, we can use some CSS to add icons from the ETModules icon set that's built...
icons
Divi Phone Number Module
The Divi Theme includes the option to display a phone number in the top header bar. But what if you want to display a phone number somewhere else, such as in a custom Theme Builder header, or in the content of your page? Divi doesn't come with a Phone Number module,...
Add Icons to Accordion Module Titles
The Divi theme comes with an Accordion module which lets you present FAQs and other content in expandable boxes (or "toggles"). Open accordion toggles display a close icon on the right hand-side of the title. But there isn't currently an option to display an...
Disable Dynamic Icons in Divi
The Divi 4.10 release added a raft of speed improvements, including 'dynamic icons', a mechanism by which the standard Elegant Themes font icon is split up and subsets of the icon are loaded only as needed. Now, only a portion of the full icon set is loaded by...
Add an Image Icon to the Divi Social Media Follow Module
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...
Create a Divi Button with no Text
The Divi theme comes with a Button module which lets you create buttons with text and an optional icon. But what if you just want the icon, but no text. Here's a couple of ways to achieve that.To create an icon-only button in Divi: Use PHP code to allow display of...
Adding More Icons to the Social Media Follow Module
The Divi Theme's social media follow module allows you to add social media buttons into your web pages. It lets you choose from a limited range of icons... but what if you want one that isn't listed there? Here is a quick tip for adding the social media network icon...
Change the Blurb Module Icon / Image Placement on Mobiles
The Divi Theme's blurb module offers a choice of two placements for the blurb icon / image: on top of the text, or to its left. The same placement is used on both desktop and mobile versions. If you'd prefer your left-positioned images and icons to switch to a...
Hide the Email Icon and/or Email Address in Divi
Here's how to hide the email address / email icon from the top header in the Divi Theme.Hide the Email Address and Icon The best way to do this is to by simply configuring Divi not to display an email address in the first place. You can do so by going to "Divi > Theme...