Skip Navigation

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

Problem:
The client was experiencing styling issues on the translated pages of their website, where several style elements appeared differently compared to the original Dutch version.
Solution:
We recommended checking if the page builder or theme stores the styling in a custom field, which might contain words like "style", "css", "layout", or "styling". This custom field should be set to "copy" to ensure the styling is carried over to the translated pages. The client should then make a small change in the default language, save the page, go to the translation, and re-save it for the CSS to be copied over. For more detailed instructions, we provided a link to our documentation: https://wpml.org/documentation/getting-started-guide/translating-custom-fields/.

Additionally, since the client was using the Porto theme with Elementor, we directed them to a specific support ticket that addressed a similar issue with the layout not matching after translation: https://wpml.org/forums/topic/page-layout-not-matching-default-after-translation-porto-theme-elementor/.

Please note that the solution provided might be outdated or not applicable to your case. If you're still facing issues, we 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 necessary, please open a new support ticket for further assistance.

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.

Our next available supporter will start replying to tickets in about 8.36 hours from now. Thank you for your understanding.

This topic contains 3 replies, has 3 voices.

Last updated by Long Nguyen 7 months, 3 weeks ago.

Assisted by: Long Nguyen.

Author Posts
March 28, 2024 at 6:46 pm #15462116

nathanO-5

Hello,

I am running into a problem on the translated pages of my website. Several style elements come out looking different than on the original (dutch) version. How can I make sure everything stays looking the same on the translated pages?

Schermafbeelding 2024-03-28 194230.png
Schermafbeelding 2024-03-28 194304.png
Schermafbeelding 2024-03-28 194331.png
Schermafbeelding 2024-03-28 194424.png
Schermafbeelding 2024-03-28 194434.png
Schermafbeelding 2024-03-28 194503.png
March 28, 2024 at 6:51 pm #15462201

Mihai Apetrei
Supporter

Languages: English (English )

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

Hi there.

Before this ticket gets assigned to one of my colleagues, I will try to help.

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 us know how that goes and if that resolved the styling issues for you.

Kind regards,
Mihai Apetrei

March 28, 2024 at 8:18 pm #15462559

nathanO-5

Thanks for your response!

I tried what you said, only I can't figure out where the custom fields are stored and how to change them to copy.

March 29, 2024 at 3:04 am #15462992

Long Nguyen
Supporter

Languages: English (English )

Timezone: Asia/Ho_Chi_Minh (GMT+07:00)

Hi Nathan,

Thank you for contacting WPML support, I’m happy to help you with this issue.

According to the debug info, I see you are using the Porto theme, please follow the solution in this ticket to copy the layout of the page from the original to second language https://wpml.org/forums/topic/page-layout-not-matching-default-after-translation-porto-theme-elementor/

If it doesn't help, I would like to request temporary access (wp-admin and FTP) to your site to take a better look at the issue. It would be better to have a testing site where the issue is replicated. Your next reply is set to private to share the info.

❌ IMPORTANT: Please backup your database and website before proceeding ❌
You can use this plugin to create the backup: https://wordpress.org/plugins/duplicator/

Looking forward to your reply.
Thanks

March 29, 2024 at 11:03 am #15463952

nathanO-5

Thanks, it worked!