Skip to content Skip to sidebar

This thread is resolved. Here is a description of the problem and solution.

Problem:
When using the flip box feature in the Salient child theme on a WordPress site, after translating with WPML, HTML is automatically encoded showing visible HTML tags like "

<h3>…</h3>

" on the front end. CSS styling is omitted, and instead of a photo gallery, a 'featured image' and unnecessary buttons appear. Additionally, the Nectar slider does not load.
Solution:
If you're experiencing HTML encoding in the flip box after WPML translation, ensure there are no blank spaces between your HTML tags. For instance, instead of writing:

<h3>Transparentne<i>na folii</i></h3>

you should write:

<h3>Transparentne<i>na folii</i></h3>

If you need a line break, use:

<h3>Transparentne<br /><i>na folii</i></h3>

We 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 this solution does not apply or is outdated, please open a new support ticket at WPML support forum.

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.

Tagged: 

This topic contains 3 replies, has 0 voices.

Last updated by Andreas W. 4 months, 1 week ago.

Assisted by: Andreas W..

Author Posts
November 21, 2025 at 2:08 pm #17599247

wojciechW-17

Background of the issue:
I am trying to use the flip box feature in the Salient child theme on my WordPress site. In the Polish (original) version, the flip box accepts HTML and allows for styled text. However, after translating with WPML, the HTML is automatically encoded, resulting in visible HTML tags on the front end. The site is created locally, so I can't provide a link.

Symptoms:
After WPML translation, HTML in the flip box is encoded, showing tags like "<h3>…</h3>" on the front end. CSS styling that removes unnecessary buttons and the featured image on portfolio sites is omitted, and instead of a photo gallery, I see a 'featured image' and unnecessary buttons. Additionally, the Nectar slider does not load.

Questions:
How can I prevent HTML from being encoded in the flip box after WPML translation?
Why is the CSS styling being omitted after translation?
How can I fix the issue with the Nectar slider not loading?

November 23, 2025 at 4:31 am #17601576

Andreas W.
WPML Supporter since 12/2018

Languages: English (English ) Spanish (Español ) German (Deutsch )

Timezone: America/Lima (GMT-05:00)

Hello,

Could you please install the latest versions of the Salient Theme and the Salient WPBakery Page Builder on the following test site and replicate the issue, so that I can assist you on this matter?

One-Click-Login:
hidden link

Make sure to leave me a comment once you are done with this task.

Possible solution:
I suspect the XML config for this shortcode will need the allow_html_tags attribute:
https://wpml.org/documentation/support/language-configuration-files/register-page-builder-content-for-translation/#translate-strings

Example:
<attribute encoding="allow_html_tags">content</attribute>

Best regards
Andreas

November 24, 2025 at 12:53 pm #17604899

wojciechW-17

Hello,
I've installed Salient with WPBakery on a sandbox and added some translations to illustrate the problems.

The flip boxes on the "produkty" page are appearing after translation with additional tags, and the text loses its HTML formatting.

What concerns me even more is that on all portfolio pages, a featured image becomes visible in the header, and additional buttons/fields appear, which spoils the layout.

And nectar slider doesn't appear at all.

November 25, 2025 at 7:38 pm #17609657

Andreas W.
WPML Supporter since 12/2018

Languages: English (English ) Spanish (Español ) German (Deutsch )

Timezone: America/Lima (GMT-05:00)

You imported an English page, which shows this content in one of the FlipBoxes:

</p>
<h3>Transparent film</h3>
<p>

This is wrong markup; it should be:
<p>
<h3>Transparent film</h3>
</p>

Do I understand correctly that this is a translation?

If so, the issue might be that your original content is using whitespaces. Try not to leave any blank spaces between your HTML markup.

For example, you do:

<h3>Transparentne
<i>na folii</i></h3>

when it should be:

<h3>Transparentne<i>na folii</i></h3>

If you want a line break, use:

<h3>Transparentne<br><i>na folii</i></h3>

---

I can not confirm the same issue on a new test page:
hidden link

Please try to replicate the issue on my test page.