How can I change text direction for Arabic translations?

Store Design
1

Hello,

I used Weglot for the translation to Arabic, but when switching the English language to Arabic, the direction of the starting of the words must change from right to left, as opposed to the English language from left to right.

Can you guide me what is the correct way to solve this dilemma and modify the direction of the starting of words from right to left in Arabic?

Abdi-sa.com

Faris,

Thanks,

Untitled.jpg
Untitled.jpg911×533 28.6 KB

2

Hi @Faris_1

As I have checked now it working fine at my end
Please check this screenshot

maninderhanda_0-1657906784976.png
maninderhanda_0-1657906784976.png1876×892 40 KB

Let me know if you find any issue

If all things working fine please like and accept the solution.

Thanks

3

Thanks for your response,

it’s ok right now.

The size of the pictures and location have become somewhat skewed and do not resemble the site of the picture in the English language theme.

Kindly check the below screenshot.

Thanks

1.jpg
1.jpg1920×1080 266 KB

,

4

Hi @Faris_1

Do you want space with between image and content in Arabic language?

Thanks

5

This is the space or gap that I mean, in english its good but in arabic to close to buttons.

1.jpg
1.jpg1920×1080 282 KB

6

Hello

At the bottom of the store page, these things appeared to me. Can you tell me how to remove them?

2.jpg
2.jpg1920×1080 93.4 KB

7

Hi @Faris_1

Sorry for late response,
Please use this code for hide the content from footer area

.locale-selectors__container, .footer__column.footer__localization.isolate {
    display: none;
}

also please like the post reply.

Thank you

1 Like
8

For gap in image and product content in Arbic language Please use below code

@media only screen and (min-width: 750px) {
    html[lang="ar"] .product__info-wrapper.grid__item {
      padding-right: 5rem;
      padding-left: 0;
  }
}

Please like and accept the solution

Thank you

1 Like
9

Thank you for your continuous support,

I added the code and I got an error message. Can you guide me in the correct way to add it?

FYI, I did not remove any old code, I just added the new code sent from you.

kindly check the attached picture for more clarity.

Faris__0-1658681349599.png
Faris__0-1658681349599.png1916×932 62.4 KB

Thanks,

10

Thanks a lot brother the issue solved, :ok_hand:

1 Like
11

Thanks a lot, brother the issue is solved,

Faris__0-1658686477272.png

1 Like