Elementor to use internal embedding (inline CSS
-
Context
We forced Elementor to use internal embedding (inline CSS) on both domains (.be and .fr) via an MU‑plugin.
External requests to post‑.css files have disappeared from the console; CSS is now loaded inline.
Remaining Issue
On the “Order” page, available at two URLs:
https://estragon.be/commande/
https://estragon.be/fr/commande/
Whenever we clear Elementor’s CSS cache, the non‑/fr/ version displays correctly.
Immediately after, the /fr/commande/ version loses its styles.
If we clear the cache again, the /fr/commande/ fixes itself but then the non‑localized version breaks… creating an endless flip‑flop.
Observed Symptoms
Missing or garbled styles on whichever language version wasn’t regenerated last.
No 404 errors in the console (inline CSS hides external file requests).
The bug is isolated to the Order page; category and product pages are unaffected.
Hypothesis
Elementor’s CSS generation process only considers the page ID, not the language prefix (/fr/).
As a result, the inline CSS for one locale overwrites—or fails to include—the rules needed for the other locale.
Needed Solution
Adjust the CSS‐generation or cache logic so that it accounts for the language slug (/fr/), producing two separate style sets.
Alternatively, find a way to inject both language styles simultaneously on the Order page.The page I need help with: [log in to see the link]
The topic ‘Elementor to use internal embedding (inline CSS’ is closed to new replies.