How to add Font Awesome icons to Divi

Divi theme comes with 360 icons (you can find a preview of all the Divi icons here). You can use them, for example, in the blurb modules. But what if you wanted to use a different icon? For example, if you cannot find a suitable icon within the Divi ones. Or you may...

How to fix a custom footer to the bottom of the screen

So, you’ve made a custom footer layout and saved it in your Divi Library as a Global Section. Then you set it to display as a footer. (See how to make and use a custom layout in your footer here.) You hid the default Divi footer, and instead you’re using...

How to increase width of Divi drop-down menu

Sometimes lines of wrapping text for sub-menu items are not what you want! Here’s a quick tweak to resolve this… The code below sets the minimum width at 300px. Adjust this as needed for your website. Update accordingly the list item width if you change...

How to add a Custom Font to your Divi website

Divi now has now made it really easy to use custom fonts on your website – no code required! So make sure you’ve updated the to latest theme version and follow these instructions: Step 1: In any module with text on your site, click into the module...

Set a sitewide overlay hover color in Divi

The default Divi overlay colour (for images, shop product tiles, etc.) is a semi-transparent white that washes out your images. You can change these settings globally for each module in the Module Customizer, or individually in each module’s design settings. But...