RTL Interface

[kmuzaini]

Hello everyone,

I’m using Obsidian to write content in Arabic, and I need to set the entire interface to right-to-left (RTL) mode. I want to flip everything so that the flow is from right to left, including sidebars, menus, and panels.

Is there a way to make the full Obsidian interface RTL so that all elements are flipped accordingly? Any help or guidance on achieving this would be greatly appreciated.

Thank you! Khalid

[kmuzaini]

Just to add, my ultimate goal is to publish the content as a website. I want to ensure that the RTL formatting and flipped interface in Obsidian will translate correctly when I export or publish the content online.

Any advice on how to maintain RTL support in the published website or recommendations for workflows that accommodate this would also be very helpful.

Thanks again!

[DiCaver]

Not sure if there is easy/button way to achieve this, but you can look at this post …

RTL in Obsidian Publish

Here’s my CSS for getting my published site right to left oriented (my website - פנגייה - רשימת סיכומים - פנגייה). /* Variables */ .published-container { --sidebar-left-border-width: 2px; --sidebar-right-border-width: 2px; --site-name-size: 36px; --logo-max-height: 100px; --component-title-size: var(--font-ui-medium); } /* Make it rtl */ div, h1, h2, h3, h4, h5 { direction: rtl; } :root { direction: inherit; writing-mode: sideways-rl; text-orientation: sideways-right; } h1…

… hope it will help.

Cheers, Marko

[kmuzaini]

Thank you, I will check the post. However, the link to your website doesn’t seem to work!

[DiCaver]

It’s not my website, but the author further down the post posted a new link … פנגייה - רשימת סיכומים - פנגייה

Cheers, Marko