Skip to content Skip to sidebar

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

Problem:
The client was experiencing issues with CSS not being the same across different language versions of their website using the Divi theme. They noticed that custom fields were set to not translate and were unsure what this meant for their site.

Solution:
We advised the client that the issue might stem from how the page builder or theme stores the styling information. We recommended setting the relevant custom field that contains styling information (usually containing words like "style", "css", "layout", or "styling") to "copy". This would allow the styling to be carried over to the translated page. The client should then:
1. Make a small change in the default language page.
2. Save the page.
3. Go to the translated page and save it again to ensure the CSS is copied over.
For more detailed instructions, we provided a link to our documentation on translating custom fields: https://wpml.org/documentation/getting-started-guide/translating-custom-fields/

If the solution provided here is not relevant due to being outdated or not applicable to your case, we encourage you to open a new support ticket. We also highly 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 further assistance is needed, please contact us in the 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 2 replies, has 2 voices.

Last updated by rubenU 1 year, 5 months ago.

Assisted by: Mihai Apetrei.

Author Posts
February 18, 2024 at 3:58 pm #15315178

rubenU

I am trying to: have a functional website

Link to a page where the issue can be seen: hidden link

I expected to see: the same CSS on both languages

Instead, I got: A MESS

Screenshot 2024-02-18 165616.png
Screenshot 2024-02-18 165707.png
February 19, 2024 at 1:06 pm #15318306

Mihai Apetrei
WPML Supporter since 03/2018

Languages: English (English )

Timezone: Europe/Bucharest (GMT+03:00)

Hi there.

The reason why this might happen is due to the way the page builder or the theme stores the styling for the content. Some store the styling in a custom field (the custom field usually contains the "style" or "css" or "layout" or "styling" wording) and that custom field might need to first be set to "copy" in order to have the styling being carried over to the translated page.

After doing this, you should first make a small change on the default language, then save the page, then go to the translation of that page and re-save it - and the CSS should be copied over.

Please check more here:
https://wpml.org/documentation/getting-started-guide/translating-custom-fields/

Please let me know how that goes and if that resolved the styling issues for you.

Kind regards,
Mihai Apetrei

February 26, 2024 at 11:44 am #15343897

rubenU

I've checked the custom fields they are all set to not translate, what does it mean for divi?
Please can you ask your robot not to close conversations after 3 days? It's not we're working for you to fix issues your software has. I understand you need to clean the threads but 3 days?

I made you a screeshot of my WPML settings...

Screenshot 2024-02-26 124333.png