Does HMWG work with Elementor Custom Icons?
Yes, WP Ghost works with Elementor Pro’s custom icons feature. Custom icon sets upload and display correctly with all WP Ghost security options active. The icon fonts load through your uploads directory, and WP Ghost’s rewrite rules serve them through the new paths without any issues.
How Elementor Custom Icons Work with WP Ghost
Elementor Pro lets you upload custom icon font packages (ZIP files containing font files and CSS) and use them in your designs. When you upload an icon set, Elementor stores the font files in your /wp-content/uploads/elementor/custom-icons/ directory. WP Ghost changes the uploads path along with other wp-content paths, but the rewrite rules transparently serve the font files from their original location through the new URL. The icons load normally for your visitors.
We tested this with all WP Ghost options activated in Ghost Mode, including path changes, firewall, and brute force protection. Icon sets uploaded through Elementor’s custom icons panel displayed correctly on the front end without any additional configuration.
Icon Font Compatibility Notes
Not all icon font generators produce packages that Elementor accepts cleanly. This is an Elementor limitation, not a WP Ghost issue. In our testing, icon packages from Fontastic uploaded and rendered correctly. Packages from Fontello and IcoMoon sometimes produced blank icons in Elementor regardless of whether WP Ghost was active. If you experience blank icons after uploading a custom set, test the same icon package on a site without WP Ghost to confirm whether the issue is the icon generator or the security plugin.
Troubleshooting Blank Custom Icons
If your custom icons appear blank after uploading with WP Ghost active, try these steps. First, clear all cache (caching plugin, server cache, CDN, browser cache). Font files are heavily cached, and stale cache can serve 404 responses for the new paths. Second, check that your server configuration supports the new paths. On Nginx servers, you need to update the Nginx config after any path change in WP Ghost. See the Nginx setup guide for details. Third, try uploading the same icon package on a site without WP Ghost. If the icons are still blank, the issue is the icon font generator or the Elementor upload process, not WP Ghost.
If you are using the Hide WordPress Common Paths feature in WP Ghost and have hidden specific file extensions, make sure you are not blocking font file extensions like .woff, .woff2, .ttf, .eot, and .svg. These are required for custom icon fonts to load.
Frequently Asked Questions
Does WP Ghost hide the Elementor plugin name in the icon font paths?
Yes, if you enable Hide Plugin Names in WP Ghost > Change Paths > Plugins Security. The “elementor” directory name in the icon font URL gets replaced with a random code. The icons continue loading normally because WP Ghost’s rewrite rules transparently route the request to the original file location. For a full guide on hiding Elementor and other plugin names, see Hide Plugins Like WooCommerce and Elementor.
Do I need to re-upload icon fonts after activating WP Ghost?
No. Icon fonts uploaded before or after activating WP Ghost work the same way. WP Ghost does not move or modify any files. The physical font files stay in their original location. Only the URL paths change.
Will the Elementor editor still work with WP Ghost active?
Yes. WP Ghost is fully compatible with Elementor’s editor. If the editor does not load after activating Ghost Mode, leave admin-ajax.php at its default path and clear your cache. See the Preset Security Options tutorial for the recommended Elementor-compatible preset (Safe Mode + Firewall + Compatibility).
Does WP Ghost modify WordPress core files?
No. WP Ghost uses rewrite rules and WordPress filters. No core files, plugin files, theme files, or uploaded font files are modified. Deactivating WP Ghost restores all original paths instantly.