# Arabic pages appear inverted i.e NOT WYSIWYG **URL:** \ **Category:** Elements API\ **Created:** [March 4, 2025, 1:57am UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573 "2025-03-04T01:57:26Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 4, 2025, 1:57am UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/1 "2025-03-04T01:57:26Z")
When creating an Arabic website, after setting the page language to Arabic, text, flex, and grid components show Arabic text correctly, but the position is inverted. i.e., what’s on the left in the UI appears on the right in the browser view ![2025-03-04_04-55-47](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/2/62dfacdd65b0f105d6cd23954fa85a8a285337c0.jpeg) ![2025-03-04_04-54-27](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/1/b102197b3459bb37f7dd29ac1703eb9a509dea96.jpeg) and vice versa. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 4, 2025, 10:27am UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/2 "2025-03-04T10:27:05Z")
Could you share the project with us via Elements Cloud so we can take a look and find out what’s going on! ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 4, 2025, 12:12pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/3 "2025-03-04T12:12:40Z")
Sure. Please guide me how to do that. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 4, 2025, 2:07pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/4 "2025-03-04T14:07:52Z")
You can learn more about setting up a free Elements Cloud account here: > **[Getting Started | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/elements-cloud/account-sign-up)** > > Sign-up for a free Elements Cloud Account btw. I do wonder if it’s a browser setting, do you have any other browsers on your machine you could test in? ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 4, 2025, 2:27pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/5 "2025-03-04T14:27:48Z")
All browsers display the website pages correctly i.e. RTL. The UI displays the Arabic content inverted i.e. COntaners, Flex, & Grid components display correct RTL text but items justifaction is LTR (the right columns on the left and vise versa for grid and flex). ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 4, 2025, 2:31pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/6 "2025-03-04T14:31:40Z")
Can you share your project so we can take a look at it? ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 4, 2025, 2:33pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/7 "2025-03-04T14:33:54Z")
Project shared via Elements Cloud ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 4, 2025, 2:35pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/8 "2025-03-04T14:35:29Z")
Great, you’ll need to send us the link (or post it here)… ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 4, 2025, 2:48pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/9 "2025-03-04T14:48:13Z")
There you go. Happy hunting 🙂 elementsapp://downloadDocument/4eyrytCKnwdx ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 4, 2025, 4:06pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/10 "2025-03-04T16:06:51Z")
ah-ha! I think I’ve solved it… add the following code to the HTML tag in your Site Template: `dir="ltr"` ![CleanShot 2025-03-04 at 4 .05.10@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/c/ec9b9ca8d42479fee66715d66005cc787d6c1440.jpeg) Here’s a quick video showig exactly how to do it. Hope that solves it for you 😊 ---
**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\ **Post date:** [March 4, 2025, 4:47pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/11 "2025-03-04T16:47:48Z")
Once you guys have the site body props setup, that would be awesone to add as well. Similiar to the background color we discussed before ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 4, 2025, 4:48pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/12 "2025-03-04T16:48:22Z")
Thank you for the fantastic response time. It’s the other way around. As I mentioned, the browser view correctly displays objects from right to left. However, in Elements, I have to place the components from left to right for the browser to display them correctly. If I reallocate the items in Elements and set them as they should be displayed in the browser, they will be inverted in the browser. **Bold** text is the Title and should be displayed first Example in English: **Title** : Test text The equvelent in Arabic (correct placement) **عنوان** : نص تجريبي To display it correctly in the browser, I have to do this: نص تجريبي: **عنوان** ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 4, 2025, 5:03pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/13 "2025-03-04T17:03:47Z")
I’m still not 100% sure how you need the site to look, this thread has been very confusing, sorry 😥 I have a feeling this won’t work correctly as the Elements Editor isn’t set to your language (it’s in English). When you preview the exported site in the Browser the language is set to Arabic and the browser makes the layout changes automatically. Does the site ever look how you want it to in the Elements Editor? ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 4, 2025, 7:03pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/14 "2025-03-04T19:03:33Z")
Yes. Ill try to explain in a video and send you a link. ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 5, 2025, 12:29pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/15 "2025-03-05T12:29:34Z")
Please check the video. > **[2025-03-05\_15-15-42.mp4](https://drive.google.com/file/d/1AI0ItThfrGVOFg8o-7NdfG-5Rp7tH0WQ/view?usp=share_link)** > > Google Drive file. Thank you very much for your support ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 5, 2025, 6:44pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/16 "2025-03-05T18:44:05Z")
Thanks for the video, that helps tremendously. It’s late here now, but I’ll dive into this tomorrow (Thursday) with @ben and we’ll work out a solution for you! ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 6, 2025, 11:16am UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/17 "2025-03-06T11:16:43Z")
I’ve taken another look at this and I still think the way to go is to use the `dir="ltr"` in the template, then design the site in Elements how you want it to look. Then when you preview it in the browser it will appear exactly the same. Here’s more details on it… Let me know if that works for you? ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 6, 2025, 11:33am UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/18 "2025-03-06T11:33:14Z")
Great. Thank you I hope you can find a solution for Accordians as well. Have a nice day. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [March 6, 2025, 3:48pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/19 "2025-03-06T15:48:52Z")
@mmohdher Hold on before making any design changes… We’re just seeing if we can add native “rtl” support in the Editor! ---
**Author:** ![mmohdher](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mmohdher/32/28129_2.png) [@mmohdher](https://forums.realmacsoftware.com/u/mmohdher)\ **Post date:** [March 6, 2025, 4:18pm UTC](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573/20 "2025-03-06T16:18:59Z")
Well do. [Next page](https://forums.realmacsoftware.com/t/arabic-pages-appear-inverted-i-e-not-wysiwyg/46573.md?page=2)