Skip to content Skip to sidebar

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

Problem:
The client is trying to edit custom CSS for a page in English using the Divi Page Builder, but the changes are not being saved after exiting the builder. WPML does not recognize these CSS strings.
Solution:
First, ensure that you are editing the page in English directly using the Divi Page Builder and save the changes by clicking the green button in the widget editor. After saving, clear your website's cache, including server-side cache, to see if the translations appear correctly.

If the issue persists, check the WPML settings for custom fields. Go to WPML->Settings->Custom Fields, enable "Show 'Multilingual Content Setup' meta box on post edit screen." Then, in the post editor, scroll to the bottom and click to show hidden system fields. Look for the CSS field, which might be set to 'copy' by default. If found, change its setting to 'copy once' or 'translate'.

If the CSS field is locked (as indicated by a lock icon), it might be restricted by the theme developers. In such a case, go back to WPML->Settings->Custom Fields, search for the CSS field, unlock it by clicking on the lock icon, and set it to 'copy once'. This adjustment should allow you to manually edit the CSS.

If these steps do not resolve your issue, or if the solution becomes outdated, 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 problems persist, 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 5 replies, has 3 voices.

Last updated by Bobby 1 year, 9 months ago.

Assisted by: Bobby.

Author Posts
July 12, 2024 at 12:13 pm #15942263

rui-pintoD

Background of the issue:
I'm trying to edit a code that i have inside of a en page, the code have content in pt and i want to have it in en.

Symptoms:

Questions:
How can i edit the advances custom css with en content and mantain after leaving the builder? The wpml do not catch this strings.

July 12, 2024 at 2:32 pm #15943060

Marsel Nikolli

Thank you for contacting WPML support,


before your ticket is assigned to one of my colleagues, please allow me to walk you through some initial debugging steps. This will help speed up the support process.

CSS changes are made directly inside the Divi Page Builder Widgets, then those changes will directly show up on all translated pages.

Please try changing the needed content in English by editing the page with Divi Page builder, and save the changes by clicking the green button on the widget editor.

After, try clearing the website's cache (server-side included), and check if the translations show correctly.

Kind regards,
Marsel

July 12, 2024 at 4:33 pm #15943462

rui-pintoD

I'm doing the changes directly on the english page, save and when i exit that specific translations are gone.

July 12, 2024 at 11:16 pm #15944935

Bobby
WPML Supporter since 04/2015

Languages: English (English )

Timezone: America/Los_Angeles (GMT-07:00)

Hi there,

This is most likely due to that field being set to 'copy' by default.

Go to WPML->Settings->Custom Fields -> enable " Show "Multilingual Content Setup" meta box on post edit screen." and update.

Once done go to the page/post --> edit -> while in the WP backend editor scroll to the bottom of the page and review the Multilunugal COntent Setup (click on the button to show hidden system fields)

do you see an option for the CSS ? If yes, set it to 'copy once' or "translate"

Let me know your results, please.

July 15, 2024 at 10:09 am #15953431

rui-pintoD

Hi, i did the steps and the one with css i can't edit.
Missing something?
Thanks

Captura de ecrã 2024-07-15, às 10.24.56.png
July 15, 2024 at 6:12 pm #15956150

Bobby
WPML Supporter since 04/2015

Languages: English (English )

Timezone: America/Los_Angeles (GMT-07:00)

Thank you for the screenshot!

_et_pb_custom_css --> That would be the correct field I believe and it looks locked by the theme developers as they want to make sure it remains as 'copy' to prevent issues.

The reasoning is that most users would not typically need to edit this 🙂

To unlock it go back to WPML->Settings->Custom Fields and search for it (there should be a search function), once you locate it click on the "lock" icon and set it to 'copy once' instead. This should allow you to edit the CSS manually.

Let me know your results, please.

July 16, 2024 at 5:38 pm #15961872

rui-pintoD

Thank you, that was it. I was able to edit now.