CSS editorΒΆ

The proxy can be used to insert locale-specific CSS rules into the site being served. The rules are inserted as the last element of the head on every page served through the proxy. A very common use case for this feature is RTL conversion of a website: almost always necessary when one of the target languages is Arabic.

There are a couple of caveats:

It is good practice to make each CSS rule language specific (Easyling will always insert the appropriate locale code into the HTML):

html[lang="de-DE"] ul.one-selector li a {
  float: left; 
}

html[lang="fr-FR"] .another-selector h2 {
  height: auto;
}

If you omit the html[lang="fr-FR"], the CSS rule will be applied in all target languages, which might not be the behavior you expect.