PIT Designs Logo

Oxygen RTL Support (Polylang or WPML)

I'm the owner and founder of PIT Designs. I love creating digital presence and creative digital solutions for our clients.


Posted 2 years ago on August 22nd, 2019. Last modified on September 14th, 2020

Related To:

Tags: |

pCloud Lifetime Up to 35% OFF AliDropship Plugin

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:

  • Oxygen builder with Polylang (personal preference)
  • Oxygen builder with WPML

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?

Method 1:

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.

Method 2:

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.

/******* ARABIC SUPPORT *******/
*:lang(ar) {
font-family: 'Changa';
}

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.
Shortcuts:
Ctrl+Shift+H -- switch to RTL
Ctrl+Shift+E -- switch to LTR

Here's a review of the before/ after using LTR/RTL extension.

Oxygen-builder-RTL-support

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.

5/5 (1 Review)
Do we all agree that Coffee is the fuel that feeds the free content creating?
4 Solutions for Alternative Investment Firms

Alternative investments have increasingly become accessible to investors. Therefore, knowing about them is essential for industry professionals and investors. It […]

Promote Your Way to Profits in 5 Ways

Are you operating a business that seems like it's stuck in the summer doldrums? If earnings, sales, and profits aren't […]

Modern & Effective Strategies to Boost Your Business

There are multiple operations in a business that you have to check out thoroughly for the smooth running of a […]

Why Is HTTPS Important and How to Add It Easily for Free to Your Website?

In August 2014, Google created ripples in the webmaster community by stating that its algorithms would henceforth treat HTTPS as […]

How to Get the Best Legal Translation Help in Business

Different people around the world understand only their native language. It would become difficult for them to communicate with people […]

Using SalesBlink To Automate Cold Outreach

SalesBlink is an all-in-one cold outreach platform. But this isn't just another tool for email marketing. SalesBlink helps you automate […]

Common Branding Mistakes You Have To Avoid And How To Do Deal With Them

There are things which you need to avoid to make sure that your brand will become strongly competitive. Hire one of the top branding agencies to avoid branding failures. Continue to read for more details

Leave a Reply

Your email address will not be published. Required fields are marked *

One comment on “Oxygen RTL Support (Polylang or WPML)”

menu-circlecross-circle