[Resolved] Views losing styling on pages translated with Translatepress

[Author]

Posts

[markusD]

Tell us what you are trying to do?

I have a site that contains different views on several pages (eg News on the home page, Projects on the Projects page, and Albums on the Discography page).

I have added translation using the plugin Translatepress. While the translation seems to work, the styling only looks correct on the original german version of the site. When choosing a different language other than German, the styling is lost (eg the 3 column grid turns into a single column, etc).

I can tell that some styles are only present on the original language version page, eg
.wpv-view-output[data-toolset-views-view-editor="e555449cf44553ec9568ea137bb8e919"] .js-wpv-loop-wrapper > .tb-grid {...}

How can I make sure the views look the same in all language versions of the site?

What is the link to your site?
hidden link

[Luo Yang]

Hello,

Can you try WPML plugin to translate your website?
https://wpml.org/
It is full compatible with Toolset plugins, see our document:
https://toolset.com/course-lesson/translating-the-content/

[Nigel]

Hi there

Can I jump in here to say that I did some basic testing locally, and the View blocks seem to work fine on pages translated with TranslatePress, not only the colours etc but also the 3-column grid.

That is with adding a View block to a page directly, and then translating the page.

Are you doing something different?

[markusD]

I switched to WPML and it worked. My issue is resolved now. Thank you!