Ghost Admin Right to Left (RTL) Support
Today, I want to share with you how to add Right to Left (RTL) support to the Ghost admin with CSS and the help of a Google Chrome extension. This is useful if you are writing in a language like Arabic or Hebrew, for example.
The first step is to install the CSS and Javascript Injection Chrome extension. This extension aims to enable us to add custom CSS code that will be applied to the Ghost admin.
After the extension is installed, click on the extension icon and copy the style.css code and paste it into the CSS window.
The Admin
The Editor
Posts
Staff
Tags
Design
Code Injection
I went over all the admin screens and provided a fix even for buttons and border-radius corners. You can find the code at GitHub, and you are welcome to contribute with any fixes and improvements. The CSS code is commented on with every component or admin section.
That’s it for today, and I hope you find this useful.
