[Resolved] Hebrew and Arabic text aligned left instead of right

Hi,

I've refined the CSS code for you. You have an RTL CSS file in your Astra child theme in this location: hidden link. So please proceed as follows.

1. Edit this CSS file with your code editor or in WordPress (Appearance -> Theme File Editor).

2. Search for:

body:lang(he) {
  font-family: "Heebo",sans-serif;
  font-size: 20px;
  font-weight: 400;
  }

3. Add to it one line:

text-align: right;

4. So it will be like this:

body:lang(he) {
    font-family: "Heebo", sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: right;
}

5. In the same file, in the same manner, you can also correct the direction for Arabic. Further down the file, you will find the Arabic directive. Ensure it is like this.

body:lang(ar) {
  font-family: "Tajawal", sans-serif;
  font-size: 22px;
  font-weight: 400;
  text-align: right;
}

5. Save the file.

This should correct the problem in Hebrew and Arabic and align the sections that are aligned to the left to the right. This will not affect the sections aligned to the center. I tried it in the browser. Please see the attached screenshot.

Please note that WPML does not control CSS text directions and is usually affected by the theme. In a sense, it is not a purely WPML issue. But, if we can, we are always glad to help with those cases.

Regards,
Itamar.