Setting up RTL

We have included all the Tools to make your Website completely RTL ready. Simply follow the steps below:

Code Example:

  • Step 1

    Add the dir="rtl" to the <html> Tag.

    Example:

    <html dir="rtl" lang="ar">
  • Step 2

    Add the RTL stylesheet to the Page replacing the existing stylesheet.

    Example:

    <link rel="stylesheet" href="style-rtl.css">
  • Step 3

    Add the .rtl Class to the <body> Tag.

    Example:

    <body class="stretched rtl">

Last Modified: March 10, 2023