• Homes
    • Conference
    • Digital Agency
    • Education
    • Hospital
    • Hotel
    • Landing NOKIA
    • Landing Software
    • Personal
    • Restaurant
    • Shop
    • Travel Agency
  • Pages
    • Starter
    • RTL
    • About
      • About Company
      • About Team
    • Career
      • Careers
      • Job Details
    • Contacts
      • Contact 1
      • Contact 2
      • Contact 3
    • Pricing
      • Pricing 1
      • Pricing 2
    • Services
      • Services 1
      • Services 2
      • Services 3
    • Accounts
      • Log in (Simple)
      • Log in (With Social)
      • Profile
      • Settings
      • Account Recovery
    • Utility
      • 404
      • 500
      • Maintenance
    • Shop
      • Products List
      • Products Grid
      • Product Details
      • Cart
    • Portfolio
      • List Title Inside
      • List Title Outside
      • List Title Hover
      • Portfolio Details
      • Case Study
    • Blog
      • Blog list
      • Article
  • Components

    Detailed and organised components

    Start Creating
    AccordionAlertsBackgroundsBadgeBorder & RadiusButtonsCardsCarouselColorsDropdown & DropupFilter
    Form elementsGrid systemLayout helpersIconsLightboxMapsMasonry gridModal videoModalsNavigationsNavigation in page
    SmtpjsParallaxScrollspySwiperSpacingTablesTabsTooltipsTyped TextTypography
  • Docs
    • Getting Started
    • File Structure
    • Customization
    • Gulp
    • RTL
    • Plugins
    • Changelog

RTL

Working with right to left

Setting up HTML

Your theme comes with a built-in automated rtl feature. Here is the example. To use rtl, set the dir='rtl' in your html like:

<html dir='rtl'>...</html>

And use the rtl stylesheet instead of

<link href="assets/css/theme-rtl.css" rel="stylesheet" />
Jump into
  • Getting Started
  • File Structure
  • Customization
  • Gulp
  • RTL
  • Plugins
  • Changelog
© 2024 POSH ™ Inc.