Skip to content Skip to sidebar

Home › Support › English Support › [Resolved] Hebrew and Arabic text aligned left instead of right

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

This thread is resolved. Here is a description of the problem and solution.

Problem:
If you're experiencing issues with text alignment in Hebrew and Arabic translations appearing left-aligned instead of right-aligned on your pages created with Beaver Builder, despite the text being RTL.
Solution:
We recommend adjusting the CSS directly in your theme to ensure proper RTL text alignment. Here's how you can do it:
1. Access your Astra child theme's RTL CSS file, which you can find here: https://dorhaba.com/wp-content/themes/astra-child/rtl.css.
2. Open the file in a code editor or through WordPress by navigating to Appearance -> Theme File Editor.
3. Locate the section for Hebrew and add 

text-align: right;

under the body:lang(he) directive. It should look like this:

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

4. Similarly, update the Arabic section by ensuring the text-align is set to right.
5. Save your changes.
This adjustment will align your Hebrew and Arabic text to the right without affecting centrally aligned sections.

Please note that this solution might be outdated or not applicable to your specific case. If these steps do not resolve your issue, we highly recommend checking related known issues, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the problem persists, please open a new support ticket.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: 

This topic contains 1 replies, has 0 voices.

Last updated by Itamar 4 months, 1 week ago.

Assisted by: Itamar.

Author Posts
December 11, 2025 at 4:07 pm #17656946

Adam Rosenfeld

Hi I created a page in English, and the Hebrew and Arabic translation are aligned left instead of right. Any way to fix this?

Here is the link to the page: hidden link
December 11, 2025 at 5:13 pm #17657173

Itamar
WPML Supporter since 02/2016

Languages: Hebrew (עברית )

Timezone: Asia/Jerusalem (GMT+03:00)

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.

2025-12-11_18-59-37.jpg