Dogworld
  • ๐ŸŒDogworld WordPress Theme
  • Installation and Update
    • โ—ผ๏ธPre-installation Requirements
    • โ—ผ๏ธInstallation Process
    • โ—ผ๏ธTheme Installation Video Guide
  • Theme Configuration
    • ๐ŸŸ Site Identity
    • ๐ŸŸ Global Styles
    • ๐ŸŸ Mouse Cursor Animation
    • ๐ŸŸ Theme Builder Templates
    • ๐ŸŸ Section Templates & Pop Up
  • Dog Listing
    • ๐ŸถListing Your Dog
      • ๐Ÿ“นVideo Guide
      • ๐ŸถDog Post Template
  • Woocommerce
    • ๐Ÿ›’Add Products
    • ๐Ÿ›’Products Archive Template
  • Smash Balloon Set Up
    • โค๏ธAdd Instagram Feed
  • Troubleshooting and Guides
    • โญ•Common Installation issues
    • โญ•Specific Troubleshooting Guides
    • โญ•Fix Elementor custom Icons not uploading
    • ๐Ÿ–ฅ๏ธHow To Get Theme Support
Powered by GitBook
On this page
  • Step 1: Update the Icons
  • Step 2: Clear the Cache
  • Step 3: Fix Mixed Content Issues
  • Step 4: Enable the PHP Zip Extension
  • Step 5: Review Elementor Experiments
  • Step 6: Re-upload Icons
  1. Troubleshooting and Guides

Fix Elementor custom Icons not uploading

Why are my icons missing or broken?

PreviousSpecific Troubleshooting GuidesNextHow To Get Theme Support

Last updated 9 months ago

Step 1: Update the Icons

To begin, update the icons by navigating to Elementor > Custom Icons > theme-icons. Once there, click on "Update."

Step 2: Clear the Cache

To prevent caching issues, it's essential to clear caches from various sources:

  • Browser: Clear the cache directly within your browser.

  • CDN: Clear the cache through your CDN provider.

  • Hosting: Clear the cache according to your hosting service's guidelines.

  • Plugin: Clear any cache managed by specific plugins.

Step 3: Fix Mixed Content Issues

If your installation has an SSL certificate, the absence of icons might be due to mixed content errors, which happen when some URLs in the database still use http://. To correct this, execute a search and replace using Better Search Replace or WP-CLI.

Step 4: Enable the PHP Zip Extension

If you donโ€™t see the "Publish" section on the right after going to Elementor > Custom Icons, it means the PHP Zip extension, which includes the ZipArchive class, is not enabled. This extension is essential for Elementor to support custom icon fonts.

Step 5: Review Elementor Experiments

Navigate to Elementor > Settings > Features and verify that the "Inline Font Icons" experiment is disabled.

Step 6: Re-upload Icons

If none of the previous steps resolved the issue, reach out to our Support Team here. We can provide the original theme icons for you.

To re-upload the icons, follow these instructions:

  1. Go to Elementor > Custom Icons.

  2. Clear your browser cache.

  3. Click "Add New" and name the icon set "theme-icons."

  4. Upload the .zip file containing the icons and click "Update."

Elementor: Follow this to clear the Elementor cache.

Remove the existing icons and empty the trash bin.

Clear the Elementor cache.

โญ•
guide
Hereโ€™s how
.
You can enable it by updating the php.ini file, provided you have access and the extension is already installed on your server. Otherwise, you can contact your hosting provider to enable it for you.