A site I created to Arabize/create RTL CSS files

When websites and blog owners search for a theme for their RTL WordPress blog or any open source system, they always face a problem which is that not all themes and all systems support right-to-left interface and include an RTL css file. I know that because I’ve been there myself when I wanted to start the Arabic interface of my blog :).

RTL css

At the time of writing this post, there are 1,895 Themes in WordPress.org. But when searching for just the themes that support RTL, there are only 221 Matches. Not to mention if they actually display correctly or not. Because Arabization is not about just switching “right” with “left” in the CSS file. The procedure is actually very tiring since you’ll have to pay attention to margins, floating, and such.

This is why I created this website to provide the service of automatically converting any CSS file into an RTL CSS.

How to convert current CSS file to an RTL css:

Simply go to my website: www.RTL-er.com

Right-to-Left css

The steps are easy in the website, you just have to copy and paste your the original LTR css file content, press the convert button, and then you will get the right-to-left css file content in the box on the right. Just copy the RTL css from the rtler into a new file in your blog or any system and it’s ready to be used.


If you face difficulties or want to ask questions, feel free to leave a comment. And if you’ve found that the tool was useful & helped you, feel free to share it so it might reach its way to someone that needed an rtl css converter :).



Comments (4)

  1. Hello,

    Your post is excellent! Thank you!
    I would like to know after I create the rtl.css file and followed the instructions from RTL-er.com, where do I place the file? or what are the next steps? I have a website created in WordPress and it has both English and Arabic pages done through qtranslate plug-in.

    • Hello Hadi El-Jundi,

      Thanks for your compliments. After generating the new file, you should upload it to the same folder as the theme’s folder. So it’ll be in the same folder as the LTR ccs file. In your WordPress admin page, you should be able to see it in the theme editor page in the list of files on the right. To let WordPress use it, you should use a plugin such as PolyLang.

      Hope this helps 🙂

Leave a Reply