Make the form RTL

Hi @billalben,

We are already working on fixing on how the Select Field will appear in RTL websites in future updates, in the meantime the following CSS should work fine to align the select field:

.forminator-ui .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], .forminator-select .forminator-select-dropdown .select2-results .select2-results__options {
	text-align: right;
}

span.select2-selection.select2-selection--single {
    direction: rtl;
    text-align: right;
}
.select2-results__options li {
    text-align: right;
}

You can add the CSS via the default WordPress customizer, under Appearance > Customize > Additional CSS.

However, by default the Submit button and other fields should have aligned to the right.

Possible to share the page URL where you have the form and also share the form export, so that we could check why the other fields aren’t displayed properly in RTL?

Please check the following doc on how to export a form:
https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

If you are concerned about any sensitive information in the form, then you can duplicate your form, remove any sensitive information, and then export it.

You can share the export file via Google Drive, Dropbox or any cloud services in the next reply.

Looking forward to your response.

Best Regards,

Nithin

Hello dear

Thank you for the code, a part of form have fixed, but the title of “upload a file” still as it is.

Here the export file ad the link:

https://drive.google.com/file/d/1huoKHoPDgInRjXXqCz4hg2SNQROwRbOo/view?usp=sharing.

Best regards

Hello @billalben,

Hope you’re doing well today!

Please check if adding this rule helps:

.forminator-label {
  text-align: right;
}

Let us know if there’s still any issue.

Best Regards,
Dmytro

Hello

Thank you so much for the code. It works well, I appreciate it.

Best regards