And on the translated page the margin-bottom is set to 0 and I don't understand why and how (page is translated using WPML, so the design should be 100% identical to the original version):
I understand the issue you're having. If the style adjustment is made in the Divi Editor, the same style should be copied over to the translation. However, if you've added the style by defining custom CSS, the CSS rule may not be copied over to the translation.
In such cases, you need to add the language selector property at the beginning of the CSS. Within the selector, include the language code for which the CSS will apply. Please check the example CSS below:
//"en-US" is the language code for English. If you inspect the English page, you'll see that in the lang attribute of HTML tag
html[lang="en-US"] .et_pb_gutters1 .et_pb_column_3_4 .et_pb_module, .et_pb_gutters1.et_pb_row .et_pb_column_3_4 .et_pb_module {
margin-bottom: 3.735%;
}
But if the style adjustments are made within the Divi editor, you may need to make a small change in the default page or post and then update the translation so that any changes can copied over to the translation correctly.
Please let me know the update. I will be happy to help if you need further assistance in this matter.
Best regards,
Prosenjit
The topic ‘[Closed] Divi: CSS settings different on translated page’ is closed to new replies.
