Skip to main content
All CollectionsBuild & customizeCustom CSS on forms
How can I make my form RTL (right-to-left)
How can I make my form RTL (right-to-left)

Create right-to-left (RTL) forms. Adjust text direction, spacing, and use a pre-built RTL template to ensure your forms are accessible.

Updated over 9 months ago

You can paste the following code in the custom CSS box in the Design tab of your form editor:

.formz-container {direction: rtl; text-align: right;}

Add space between the checkbox & options in the multi-choice field:

.form-checkbox-input .formz-checkbox-label .formz-label-text { margin-left: 0; margin-right: 10px;}

Add space between radio buttons & options in the single-choice field:

.formz-radio input[type=radio]+.formz-radio-label:before { margin-left: 10px; margin-right: 0; }


You can also use this RTL template and customize it to your own.

Did this answer your question?