Skip to content Skip to sidebar

Open

Topic Tags: Compatibility

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.

2 Responses to “Elementor – Custom Page CSS Not Copied Correctly in Translations”

  1. Hello!

    While the translations are fine, all translated pages have a huge empty header and if this persists I need to cancel WOML.
    Can you tell me exactly what to do? I am no pro and I am totally lost with this issue.

    • Hi Petra,
      I don’t believe the issue is related to the escaped characters. Could you please check if the header has been translated as well?
      Could you please to start a chat on our support forum, we’ll be happy to help you troubleshoot this issue.

Leave a Reply

Please stay on topic and be respectful to others. If you need help with issues not related to this post, use our Support Forum to start a chat or submit a ticket.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>