{"id":105633,"date":"2023-04-01T17:27:26","date_gmt":"2023-04-01T11:57:26","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&amp;p=105633"},"modified":"2023-04-01T17:27:26","modified_gmt":"2023-04-01T11:57:26","slug":"fix-elementor-icons-not-loading","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/fix-elementor-icons-not-loading\/","title":{"rendered":"How to Fix Elementor Icons Not Loading or Missing?"},"content":{"rendered":"\n<p>If you&#8217;re experiencing issues with Font Awesome icons not displaying properly, we&#8217;re here to help you resolve the issue.<\/p>\n\n\n\n<p>The reason for this issue is that some of The Plus Addons for Elementor widgets have the option to use both Font Awesome 4 and Font Awesome 5 icons. If some of the icons are not showing properly, it&#8217;s most likely because they&#8217;re using Font Awesome 4 icons.<\/p>\n\n\n\n<p>To fix this issue, there are two solutions available:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Enable Font Awesome 4 support&nbsp;<\/h3>\n\n\n\n<p>You can enable Font Awesome 4 support on your Elementor site.&nbsp;<\/p>\n\n\n\n<p>To do this, follow these steps:<\/p>\n\n\n\n<p>From the WordPress Dashboard, go to <strong>Elementor<\/strong> &gt; <strong>Settings<\/strong> &gt; <strong>Advanced<\/strong>.<\/p>\n\n\n\n<p>In the <strong>Load Font Awesome 4 Support<\/strong> dropdown, select <strong>Yes<\/strong> and click <strong>Save Changes<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"916\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/04\/load-font-awesome-4-support.png\" alt=\"load font awesome 4 support\" class=\"wp-image-105634\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/04\/load-font-awesome-4-support.png 1920w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/04\/load-font-awesome-4-support-300x143.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/04\/load-font-awesome-4-support-1024x489.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/04\/load-font-awesome-4-support-768x366.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/04\/load-font-awesome-4-support-1536x733.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/04\/load-font-awesome-4-support-600x286.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p>This should load the Font Awesome 4 icons properly. We recommend this solution if your website is already using Font Awesome 4 icons.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Use Font Awesome 5 icons&nbsp;<\/h3>\n\n\n\n<p>If you&#8217;re setting up a new website, you can select Font Awesome 5 icons instead of Font Awesome 4 icons. The Plus Addons for Elementor widgets have the option to select your Font Awesome library. By selecting Font Awesome 5 icons, you can avoid any compatibility issues with Font Awesome 4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"332\" height=\"1030\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/04\/use-font-awesome-5.gif\" alt=\"use font awesome 5\" class=\"wp-image-105635\"\/><\/figure>\n\n\n\n<p>If you have any further questions or concerns, please don&#8217;t hesitate to reach out to our support team. We&#8217;re always here to assist you.<\/p>\n","protected":false},"author":16,"featured_media":105655,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[528,556],"class_list":["post-105633","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-troubleshooting","docs-troubleshooting-docs"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/105633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=105633"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/105633\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/105655"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=105633"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=105633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}