What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to align labels RTL?

    Asked by Yamani on March 13, 2017 at 05:03 AM

    BJoanna  i check your template  but in my browser labels aren't  true in righ but object are right

    I use  css code but can't help me for labels . i think this is important for Jotform ! dont support every language!
  • Profile Image
    JotForm Support

    Answered by BJoanna on March 13, 2017 at 05:21 AM

    Is this the form you are working on http://www.jotform.co/form/70707673617866?

    To right align labels of your form add this CSS code to your form as well:

    .form-label-top, .form-label-left, .form-label-right, .form-html, .form-checkbox-item label, .form-radio-item label {

        text-align: right!important;


    How to Inject Custom CSS Codes


    After you add it your form will look like this. 

    Here is my demo form: https://form.jotformpro.com/70712044348956 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by Yamani on March 13, 2017 at 09:51 PM



    This is working perfect

    Thank you so much


  • Profile Image

    Answered by nokhbeganschool95 on March 18, 2017 at 04:14 AM


    i use this code


    but .. :(

    not working


    please help me

  • Profile Image

    Answered by Yamani on March 18, 2017 at 09:37 AM

    .form-all { text-align: right; direction: rtl !important; unicode-bidi: bidi-override !important; } .form-line-column, .form-label-right, .form-radio-item { float:right; } .form-label-top, .form-label-left, .form-label-right, .form-html, .form-checkbox-item label, .form-radio-item label { text-align: right!important; }


    hi. copy in to CSS

    i used befor . this one worked.