Weglot RTL alignement

Design help Webflow integrations
1

Hi, I’m using Weglot to translate my website but the problem is that some languages are right to left so when I switch to those languages I want to change the alignment of some elements from right to left and turned back when I switch to LTR languages. Can anyone help me! Thanks!

2

Weglot sets language tags you can access thru css.

This is what I use to solve this issue:
(For e.g arabic)

body:lang(ar) {
    text-align: right;
}
3

Thanks for your reply! that solves half of the problem which is text elements. Do you have any idea how to change the position of other elements like an image for example? Thanks again!

4

You can probably use different floats or flex alignments – lmk if that solves your problem.

5

you mean in the css code right?

6

yup! just use the project settings custom code tab

1 Like
7

Thanks! I think that solves it.

1 Like
8

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.