styling is broken on translated 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.

This topic contains 4 replies, has 1 voice.

Last updated by Bigul 8 months ago.

Author	Posts
April 3, 2025 at 11:39 am #16891720
saraO-6	Background of the issue: I am trying to fix the styling issue on the translated versions of the top form on the page hidden link. The same styling has been applied to both forms on the page, but the styling is lost only on the top form in the translated pages. Symptoms: The styling is broken on the translated versions of the top form on the contact page. Questions: How do I fix the styling issue on the translated versions of the form?
April 3, 2025 at 11:47 am #16891791
saraO-6	Sorry, the second form is an iframe from MailPoet. The first form is a native Kadence Page builder form and it has still lost the styling, so I would appreciate help with fixing that.
April 3, 2025 at 11:53 am #16891862
saraO-6	However, I do see the correct formatting when editing the page/form, so it's only in the live view where the styling is missing.
April 3, 2025 at 11:54 am #16891869
saraO-6	see edit screen here
April 6, 2025 at 9:23 am #16900995
Bigul	Hello, Welcome to the WPML support forum. Before passing this thread to my colleague, I would like to share some suggestions and possible solutions for the issues you mentioned. Sorry for the late response because of the holidays and the high support load. It is not normal here. Thank you for your kind understanding. It seems that some of the CSS classes related to the form are not appearing correctly in the secondary languages on the frontend. Are you using any custom CSS for the form? If so, please try adding it under WPML>>Languages>>Language switcher options>>Additional CSS, then clear all caches and check if there's any difference in the result. Also, please update the Contact page (in the original language) by making a small content change to refresh the translation settings. After that, update the translated version of the page (make sure the WPML language widget shows a pencil icon for that translation). Finally, clear all types of caches again and check if the issue persists. -- Thanks! Bigul

The topic ‘[Closed] styling is broken on translated page’ is closed to new replies.