====== Right-to-left (RTL) themes ======
**Since version 4.4, pluck supports //RTL// (right-to-left) languages and themes. This page will explain everything there is to know about pluck and RTL.**

=====Make your own RTL theme=====
If you want to make sure that your theme will be 100% RTL compatible, you can convert your LTR (left-to-right) theme to RTL yourself (however, the theme converter will also do a good job). To do this, you have to make another CSS-file your theme-dir, called //style-rtl.css//. Here, you can specify the markup for RTL languages. If you don't know how, you can take a look at the last question on this page.

=====The theme converter=====
If pluck cannot find a //style-rtl.css// in the theme directory when a RTL language is used, the //theme converter// is activated. The theme converter will convert //style.css// to RTL and save the output in //style-rtl.css//. The theme converter is very clever and will convert almost 100% of the themes like a human should do it.

====Why is my RTL theme, converted by the theme converter, looking strange?====
This is in almost all cases not a fault of the converter itself. If you would convert the theme yourself, you would probably get exactly the same result. Why looks the theme so strange then?

This is most probably because the theme in question is not fully RTL compatible. This is in most cases is caused by bad or not W3C compliant (X)HTML and/or CSS usage. However, there are also themes that are fully W3C compliant, but still do not show up right. Why this is is not always clear, but if you think you can correct it, you can edit //style-rtl.css//. The theme converter will create it only once and not overwrite it again.

====How does the converter exactly convert a theme? Can I do it myself, too?====
Yes, of course you can! Here are the steps to convert a LTR css-stylesheet to a RTL one.

**1. First, change all instances of //right// in //left//, and otherwise. So, this:**
<code css>border-left: 1px solid black;
float: right;</code>
will become:
<code css>border-right: 1px solid black;
float: left;</code>

**2. Also make sure all instances like this are converted right. This:**
<code css>padding: 10px 5px 6px 7px;</code>
will become this:
<code css>padding: 10px 7px 6px 5px;</code>

**That's it!** The above steps are also done by the theme converter.