How to Change Text Direction in Tables for a Jewish/Arabian Store?

It is possible to change the direction of writing, not just for the sizing table, but for the whole Kiwi modal that is loading the Kiwi Sizing Chart & Recommender components. This is done by using custom CSS. HTML language property is recommended but not required.

To do this, go to Styles & Settings > Advanced, open the Custom CSS tab, then insert the following code:

.kiwi-sizing-modal *{
  direction: rtl;
}

Empty Custom CSS editor under Advanced, steps 1 to 3 on Styles & Settings, Advanced and Custom CSS tabs

Click Save Settings in the top right and wait for the Changes saved message. The code above will change the direction of the text for the whole modal. Additionally, you can also set localization, for example, if you have an Israeli store:

html[lang="he-IL"]
.kiwi-sizing-modal *{
  direction: rtl;
}

Where “he” stands for the Hebrew language, and “IL” stands for Israel per ISO 3166 code. The same can be set for the Arabic ar-Country Code.

An example for Saudi Arabia would be:

html[lang="ar-SA"]
.kiwi-sizing-modal *{
  direction: rtl;
}

Please contact Kiwi Support if you have any questions or need help with setting this up.