[Resolved] I don't have the same padding between French and English
This thread is resolved. Here is a description of the problem and solution.
Problem:
The translation page does not have the same padding as the original page when using WPML Classic Editor. Solution:
Please copy all item content from the original to the translation, including all HTML tags. Then translate the text only to keep the same HTML structure on the translation page.
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.
I have an issue of the padding to solve between French and English into this page: hidden link
I went into the WPML translation and edit the line breaks manually so there are differences between French and English (please have a look of the screen shot attached).
Visiting the website, it is displayed almost the same but it's not exactly the same.
I don't think it's the correct way to do. I'm afraid it will not remains like that and change at the next editing.
Moreover, the button below in the same page is not aligned at the left as the French page and I can't customize it from the WPML translation page.
Thank you for contacting WPML support, I'd be happy to help you with this issue.
WPML Classic Translation Editor supports translating content with HTML tags, so you should keep the same HTML tags in the translation content and try to translate the texts only.
Or I recommend using WPML Advanced Translation Editor (ATE), you can switch to ATE in WPML > Settings > Translation Editor. It helps you to focus on translating content only and keep the same HTML tags on the translation page.
Thanks for your detailed answer.
As you said, using classic editor, it should keep the same HTML tags in the translation content, so I should translate the texts only and I should have the same padding in my translated pages.
My issue is exactly on this point : it doesn't keep the same padding between my original page (in French) and the translation in English, only on this page : hidden link
Moreover, as I wrote before, the button below into the same page is not aligned at the left as the French page.
I would be grateful if you could have a look specifically on this page which cause issues.
Can you please share some screenshots of the different padding on the page between the original and second languages?
I also do not see the HTML tags being the same in the translation content on your first screenshot. Please check this hidden link
The content in the original language has 5 closing div tags while in the second language has 3 closing div tags. Can you please recheck this?
Please try to copy the content from the original language and translate the words only to see how it goes. I also recommend using Advanced Translation Editor (ATE) to prevent this issue.
Please find attached a screen shot of a comparison between French and English page for 2 sections of this page : hidden link
This is the result of the same padding between French and English (only text translation).
Therefore, there is a bug on this specific page.
All my website goes well with WPML translations except this page.
Please check two screenshots:
French: hidden link
English: hidden link
You can see, in the French language, there are some HTML tags "a, span" inside the "p" tag. But those elements are not available in the English language.
I think they are removed from the translation as in your first screenshot hidden link
Please keep the same HTML tags in the translation content and check this issue again.
If it still does not work, 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 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/
✙ I would need your permission to de-activate and re-activate Plugins and the Theme and to change configurations on the site if needed. This is also a reason the backup is critical.
Hi Long,
I finally edit manually by copying and pasting all the text code from WPML translations from French to English.
I noticed that I put 2 links on the same module in French text which made a conflict in the translation.
Everything is ok now.
Thanks for your help.
