CSS changes on WPML translated page

I have a single product page made with templates for a custom layout. I translated the page with WPML. When i translate the page to NL it all works but the CSS is changed (smaller price font, larger font for ‘artikel formaat’, artikelnummer all the way to the right). i added screenshots. Do you know why this would happen?

Added the uploads again

Attachments:

You must be logged in to view attached files.

Update:

I made a FR translation of the page, and that one works and looks normal. It’s just the NL version that looks weird. I tried updating the NL translation but that does not fix the problem.

It seems the layout breaks when the styling of the layout is changed after the translation is made. I can update the translation after the changes and most of the styling will change with just some flaws in the CSS like font size etc.

Hello,

Could you please make a staging site so I will investigate the issue there? Because right now, judging only by screenshots I have no idea what is the problem.

Looking forward to collaborating with you!

Kind Regards

The website is now on staging. Would you investigate the issue for me?

It’s about the single product layout.

I also included a product URL where you can see the problem.

The layout is no longer as broken as before, now it is only the spacing between the attributes that does not change for the translations.

And the size of the titles of the attributes (for dutch the titles: Artikel formaat, Caviteit formaat, Algemeen)

Hello,

In the settings of the WPML, you need to set the “Copy” value and resave the post.

More detail is here: https://monosnap.com/file/rIq6fvQsvDKkV515BYtn3Ugk7w9c14

Kind Regards

Thank you so much for fixing it!

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Have a good day!

Kind Regards

[Author]

Posts