---
title: "Adding RTL (right-to-left) text support to a field"
date: 2026-04-23
author: "GravityKit"
link: "https://www.gravitykit.com/docs/gravityview/customizing-your-views/adding-rtl-right-to-left-text-support-to-a-field/"
---

GravityView is already RTL ("Right to Left") compatible; however, you might want to add this particular support to a particular field, so here's how to proceed.

 Add the following CSS class to your theme:

```
/**
 * Adds RTL (Right to Left) text direction to a GravityView field.
 * Add "text-RTL" as the Custom CSS Class in the field settings.
 */

```

```
/**
 * Adds RTL (Right to Left) text direction to a GravityView field.
 * Add "text-RTL" as the Custom CSS Class in the field settings.
 */

```

 Related: [How to add custom CSS to your website](https://www.gravitykit.com/docs/gravityview/customizing-your-views/adding-custom-css-to-your-website/)

 Then, add this new CSS class to your field option's screen:

![Options panel for Name field, with a custom CSS class set as "text-RTL" for adding right-to-left text support](https://www.gravitykit.com/wp-content/uploads/2025/10/file-c3O1PTgwVa.jpg)
*That's it!*

##  How to add LTR support to RTL website

 Follow the instructions below, but use the following code instead:

```
/**
 * Adds LTR (Left to Right) text direction to a GravityView field on an RTL website.
 * Add "text-LTR" as the Custom CSS Class in the field settings.
 */

```

```
/**
 * Adds LTR (Left to Right) text direction to a GravityView field on an RTL website.
 * Add "text-LTR" as the Custom CSS Class in the field settings.
 */

```

 And use `text-LTR` as the "Custom CSS Class" field value.