This thread is resolved. Here is a description of the problem and solution.
Problem:
The client was experiencing an issue where Elementor icons were not visible on translated pages, displaying as empty rectangles instead. Despite updating WPML plugins and regenerating Elementor CSS, the problem persisted.
Solution:
We identified that the issue was due to CORS restrictions, with Elementor's Font Awesome files being loaded from a different domain than the page. We recommended the following steps:
1. Go to Elementor → Tools.
2. Click Regenerate CSS & Data.
3. Clear all caches: WordPress cache, server cache, CDN cache, and browser cache.
4. If the issue persists, ask the hosting provider to add a CORS rule for font files:
<ifmodule mod_headers.c><br /> <filesmatch "\.(ttf|otf|eot|woff|woff2)$"><br /> Header set Access-Control-Allow-Origin "*"<br /> </filesmatch><br /></ifmodule>
Additionally, ensure that the secondary language page loads Elementor assets from the same domain as the current language.
If this solution does not resolve your issue, or if it seems outdated or irrelevant to your case, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If needed, please open a new support ticket at WPML support forum for further assistance.
This is the technical support forum for WPML - the multilingual WordPress plugin.
Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.
This topic contains 2 replies, has 0 voices.
Last updated by 1 month, 2 weeks ago.
Assisted by: Carlos Rojas.
|
I'm using Elementor icons and just noticed the icons are not visible on any of my translated pages. Instead of an icon it shows empty rectangles/square placeholders.   |
|
