Fortunately, the days when fonts and colors were chosen at random have long passed. Now each element of the site […]
Oxygen RTL supported front-end layout.
Creating multilingual websites is a very common practice nowadays. Maybe businesses are global, and thus may need to present their website in more than one language. For the most part, it's easy creating multilingual websites that run on the same layout direction. LTR (Left-to-Right) for example English, French, Spanish..etc. There's no real change in the direction of the texts/layouts, and even fonts may be similar.
However; it's a difference challenge creating an LTR and RTL website. For example English and Arabic version of the website.
Does Oxygen builder support RTL?
Short answer: not 100% exactly just yet!
Long answer: You can build a multilingual (RTL/LTR) website with Oxygen. We've done this already and this very website (pitdesigns.com) you're browsing now is one of them. It has a perfect RTL/LTR layout. And we have tested it with the two plugins:
Update: Erez Ben Tovim has released a free plugin that takes care of the RTL layout for Oxygen builder. However, you'll still need WPML or Polylang. Get the RTL Support for Oxygen Builder plugin from here.
How to implement RTL style sheet in Oxygen?
Using the Stylesheets add below CSS code, which targets the language. in this case (ar) = Arabic language.
You can find the language code list here: w3schools.com/tags/ref_language_codes.asp
This will load the RTL styles site-wide.
Add a code module to the main template, and add the CSS code to it.
This will only for the language in which the template is used.
Oxygen Builder RTL Layout
Since Oxygen currently doesn't have an RTL layout for the back-end visual builder. You can use this Chrome extension (LTR-RTL)
to help with that.
This extension allows you to change language direction.
Ctrl+Shift+H -- switch to RTL
Ctrl+Shift+E -- switch to LTR
Here's a review of the before/ after using LTR/RTL extension.
So while the given methods may not be ideal, but it's the best solutions available at the moment. Until the Oxygen team give us an update that fully support RTL layouts.
For any questions, leave a comment below.
Got a big web design project coming up? Then you'll need a great design brief for web design, to carry […]
Adobe's June updates to its Creative Cloud suite comes with changes directly aimed at making collaboration and remote-work better and […]
Erbil International Hotel, have activated the "Health and Safety program" which ensures customers, from the moment they enter the property until leaving.
As part of our business launching & partnership programs. We help you kick start your project online, and start making […]
Art, in its broadest sense, is a form of communication. It's been known and shown throughout history how mankind used […]
How to find the right company for commercial cleaning in Erbil - Iraq? With the current global pandemic situation, work […]