Our plugin is fully compatible with RTL (right-to-left) language translation. However, RTL support is dependent on your theme’s compatibility.
While WordPress determines whether a language is RTL, the theme is responsible for the proper display of RTL languages. As long as your theme supports RTL, our plugin will integrate seamlessly.
It is important to avoid setting alignment directly from your back-end in the default language, as this may impact the alignment of content in additional languages.
But if this is mandatory, you can add CSS only for specific languages by using the .translatepress class from the document body.
For example: .item_1 is a class of your element and you can change its position just for the RTL language (notice the .translatepress class with the specific language code in it).
.translatepress-ar .item_1 { text-align: right; }
You can adjust the alignment of elements using the .translatepress
class with CSS, as shown in the example below.
You can add the CSS in Appearance ⮕ Customize ⮕ Additional CSS.
If you want to change all elements that are set to left alignment to right alignment instead, you can target the class .has-text-align-left
.
You can also manually add an additional CSS class to the desired element in order to target it.
In this example, the font family, font size, and color were modified for a specific paragraph in an additional language.