Documentation: Icons not loading after adding Elementor plugin

Icons not loading after adding Elementor plugin

Our theme uses latest version of Font Awesome v5.12.x or later. Elementor by default uses Font Awesome v4.7.x, this causes plugin conflict.

To rectify this issue, You can use following methods:

Easy/Plugin Method

Install Font Awesome WordPress Plugin. The icons will start working as soon as you install the plugin. More info: WordPress Font Awesome. If this doesn’t solve the issue you might need to do The Conflict Detection Scanner. More details here: Conflict Detection

Enqueuing Font Awesome 5/Child Theme Method

This method requires a bit of programming/development knowledge.

  1. Create a Child theme of the current theme. More info: Child Themes
  2. Add this snippet in your child theme’s functions.php file.
  3. Thats it.

If you are still having trouble, just open a support ticket at Firefly Themes Support Page. We will help you out.