Font Awesome for Divi Builder plugin by The Divi Magazine

Current version: 2.3 | Released: 2016-09-29

Tested with:
WordPress: 3.6.1
Divi: 3.0.9
Extra: 2.0.8
Divi Builder: 1.3.10
(It might work with other versions as well, but not guaranteed. It usually does. šŸ˜‰ )


With the Font Awesome for Divi Builder plugin you will be able to use Font Awesome – the iconic font and CSS toolkit – on your Divi Builder powered WordPress site. The plugin is compatible with the Divi Builder plugin, the Divi theme and the Extra theme.

No programming needed, just activate, check a box, copy a code and you are ready to go.

Note: you will need to generate your own Font Awesome embed code here! It is not provided by The Divi Maganize.

You can easily customize the look and feel of lists based on your needs without any CSS coding. Just look for the settings in the WordPress admin under Divi > Font Awesome or Extra > Font Awesome.

The plugin does not (yet) provide a UI for inserting icons into your content. To see how you can use specific fonts, please refer to the Examples page of Font Awesome.

Note: The plugin was specifically created for use with the Divi Builder plugin, or the themes Divi and Extra (from Elegant Themes). Using a child theme is highly recommended.

Here are some other resources you might be interested in:


If you have questions or would like to request a feature, then you can do so in the comments below.

Note: The plugin was specifically created for use with the Divi theme, the Extra theme and the Divi Builder plugin (from Elegant Themes). It is always recommended to use a child theme.


== Installation & Usage ==

Screenshot of Font Awesome for Divi Builder 2.2 options

  1. Download from
  2. If you have an older version of this plugin, then deactivate it and delete it.
  3. Upload the entire tdm-fontawesome-for-divi folder to the /wp-content/plugins/ directory OR go to Plugins > Add New > Upload Plugin and upload the zip file.
  4. Activate the plugin through the “Plugins” menu in WordPress.
  5. Go to the settings page, switch on and customize based on your needs.


== Upgrading from a previous version ==

Method 1: In your WP admin go to Plugins, delete the old plugin, then add the new plugin. Warning: your settings might not be saved! That feature is available as of version 2.2.

Method 2. Upload the files to your server via ftp and simply override the old files. Your settings will be kept!


== Change log ==

= 2.3 =
* [Feature] Now works with the Font Awesome embed code, so you always get the most up-to-date version of the font icon library
* [Feature] Added a dashboard box showing the latest news / updates from The Divi Magazine
* Bumped version number
* September 29, 2016

= 2.2 =
* Plugin now supports the Divi theme, the Extra theme and the Divi Builder plugin
* Plugin name changed to reflect the supported products
* [Bugfix] No error messages are shown on front-end or back-end after first plugin activation (when no data is saved yet)
* [Bugfix] Styles are not loaded anymore when Font Awesome is disabled
* [Feature] Styles can be loaded when other plugin is used to load Font Awesome
* [Feature] You can keep options when deleting the plugin
* Bumped version number
* March 31, 2016

= 2.1 =
* Added support for Font Awesome 4.5.0
* Bumped version number
* February 12, 2016

= 2.0 =
* Re-wrote the whole plugin
* Renamed the plugin for consistency
* Updated to Font Awesome 4.4.0
* Added option for enabling / disabling the loading of Font Awesome from bootstrap
* Added options for customizing the look and feel of Font Awesome lists
* Added donation link
* Bumped version number
* October 14, 2015

= 1.0 =
* Initial release.
* April 20, 2015


== TDM: Font Awesome for Divi Builder ==

Plugin URI:
Tags: fontawesome, icon font, Divi, Extra, Divi Builder
Requires at least: 4.0
Tested up to: 4.4.2
Stable tag: 2.2
DiviĀ  themeĀ  version tested up to: 3.0.9
Extra themeĀ  version tested up to: 2.0.8
Divi Builder version tested up to: 1.3.10
License: GPLv2 or later
License URI:


  1. Laurie

    Hi – I have added in icons in my 4 column section, adding each icon above the heading for the section. Whenever I edit the page (anywhere on the page) my edits are lost and the icons disappear. Have you heard of that happening? What do I do to retain the icons in the page?

    • Andras

      Hi Laurie,
      Sorry for the late reply.
      I haven’t heard exatly this, but I had occasions when the icons were disappearing for me. But then it stopped.
      You could possible try to switch on the experimental feature in the 2.0 version of the plugin, maybe that helps.

  2. Nicole

    Do you have a font-awesome plugin for Extra as well?

    • Andras

      Hi Nicole, not yet, but it will come soon.

    • Andras

      Hi again Nicole,
      Meanwhile the plugin was updated and should work with Extra as well. Give it a try!

  3. Americo

    Hi, I installed your plug-in but I cannot see the item under the Divi menu. I’m using WordPress version 4.5.3 and Divi 2.7.8. Is there something I can do to debug?

    • Andras

      Hi Americo,
      Which version did you install? Version 1.0 doesn’t have any settings or menu. Only version 2.x does.

  4. Th

    Hi Andras

    Feeling a bit stupid but it doens’t seem to work at all.
    I installed and tried both but now stick with the version 2.
    I only checked “Enable Font Awesome”.
    I deactivated all other plugins to see if they cause a problem…

    But either way, I can’t see any new icons in the blurb modul nor does the tag “” work.

    Any idea whats going wrong here?

    Cheers Thomas

    • Andras

      Hi Thomas,
      Thanks for reaching out! Let me help you with this.
      When you install the plugin, you will not be able to see the fontawesome icons in the box where the icons are listed for the blurb.
      If you want to replace the icons, then you need to follow the instructions in this article:

      Let me know if you still need some help!

  5. Hector

    Hello, I feel kinda dumb but I was hoping you could help me.
    I’m new to this plugin and I’ve activated it and added the .js that was sent to me, but I don’t know how to actually add the icons to a text field or anything. I’ve tried using the code: but nothing appears. Can you please help me?


    • Andras

      Hey Hector,

      When you are in the editor, switch to text mode and enter the tags there. It will not work in visual mode.
      Does this help?


Submit a Comment

Your email address will not be published. Required fields are marked *

Share This