Hi,
This is happening automatically because, by default, the Arabic language has an RTL alignment.
You could eventually add a custom language and change it’s direction from RTL to LTR.
Or use some of the shown filters to change the direction of your Arabic language to LTR – this would not be recommended , incompatibilities may arise.
body.rtl{
direction:ltr;
text-align:left;
}
Or, because each element has a particular class, if you want to change the font for example, or the aligment only for the Arabic language, you need to specify the .translatepress class following by the language code then the classes that will be modified in that language (you can add codes like this in Appearance –> customize –> Additional CSS). See the following example for fonts:
body.translatepress-ar .menu_class {
font-size: 15px !important;
font-family: Padauk !important;
}
Also, we have an integration with Elementor, that allows to restrict bocks for languages. It helps for example, to display a particular with it’s features for a particular language: https://translatepress.com/docs/restrict-by-language/elementor-integration/
