Advertising for home services, such as lawn care, home cleaning, and garden maintenance, isn’t as simple as tossing up an […]
I'm the owner and founder of PIT Designs. I love creating digital presence and creative digital solutions for our clients.
Posted
7 years ago on August 22nd, 2019. Last modified on September 14th, 2020
Related To:
How applicant tracking systems are revolutionizing remote recruitment
Gone are the days of traditional recruitment. Applicant tracking systems have been revolutionizing how we hire, and their impact is here to stay. But how is the change happening? Tap to learn more about it.
Check out the New AI Features in FlexClip 5.0
In today's digital era, the importance of video content cannot be overstated. Videos have become an integral part of various […]
Effective Cleaning Tips for Maintaining a Clean and Healthy Home
We’ll explore some practical tips and tricks that will help you establish an effective cleaning routine. You might not realize […]
The Art of Visual Storytelling
How to use visual elements to tell a story Let's start with an interesting fact that will amaze you. Do […]
The Ultimate Guide to Choosing a Great Domain Name for Your Business
Choosing the right domain name for your business is a critical step in building a strong online presence. Your domain […]
6 Mistakes to Avoid When Creating a React-Native App
React Native is a leading cross-platform app development framework that has more than one and half thousand active contributors. The […]
Will Elon Musk Turn Twitter into a Super-App?
Elon Musk envisions a future where mobile apps are consolidated into one-stop shops within a single platform. Will he create a "super app" to rule them all in 2023? Learn about the challenges he faces and the potential impact on companies like Twitter and Apple's App Store.
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?
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';
}
*: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.
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.