Skip to content
Download the Ghost Themes Bundle for only $149 — Use BUNDLE code for 10% discount 🔥

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. The purpose of this extension is to enable us to add custom CSS code which 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.

RTL for Ghost Blog Admin Extention

The final result will be like

Ghost Admin Right to Left

The Editor

Ghost Editor Right to Left

Posts

Ghost Posts Right to Left

Staff

Ghost Staff Right to Left

Tags

Ghost Tags Right to Left

Design

Ghost Design Right to Left

Code Injection

Ghost Code Injection Right to Left

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…



Make a stunning Ghost blog.

Browse through a collection of beautiful, minimal, and functional Ghost themes and choose the perfect theme for you.

Browse themes →

I Make Ghost CMS Themes.

I’ve helped 1000+ people build fast, functional and beautiful Ghost blogs.

Choose from different Ghost Themes that suits you well. Or,

Choose a Ghost theme and get started. Or,

Get all themes for $149 →