Elementor – Custom Page CSS Not Copied Correctly in Translations

Overview of the issue

When using Elementor with WPML, you might experience the following issue: Custom CSS added at the page level via „Page Settings (the gear icon) > Advanced > Custom CSS“ may be copied incorrectly to the translated page. Specifically, escaped Unicode characters like content: '\2794' are saved without the escape sequence content: '2794', resulting in incorrect rendering (e.g., showing 2794 instead of the arrow symbol).

Workaround

Instead of adding custom CSS at the page level, use one of the following alternatives:

At the widget level:

• Edit the specific widget
• Go to „Advanced > Custom CSS“
• Add your CSS rule there

At the global level:

• Go to „Appearance > Customizer > Additional CSS“
• Add your CSS rule there

We are aware of this issue and our developers are working on a permanent fix.