Hebrew label doesn't align right

  • Profile Image
    hatikva
    Asked on January 01, 2018 at 07:03 AM

    I have a lot of forms that I create in English and then have a translation in Hebrew through the translation settings. In the hebrew translation it automatically aligns the input text to the right which it doesn't align the label.

    Hebrew is written from right to left so the labels look unprofessional when they are on the left side instead of the right. 

    I don't want to change the css code because I need the right align for the labels to only apply to the hebrew translation and not all text in the form. 

    For instance why can't the label alignment for the translation be "top right" instead of just "top" which automatically left aligns the label.  

    You can see my form in the link:

    Thank you. 

  • Profile Image
    Richie_P
    Answered on January 01, 2018 at 09:43 AM

    It is recommended to create a separate form for languages that use Right -to-left format.

    The only to achieve your labels going right is to insert the custom css.

    Unfortunately,label alignment are only LEFT,RIGHT and TOP but we can edit it using custom css.

    But maybe we can target the Hebrew texts/fields that you want to align to right. May I know what fields you want to align right?


  • Profile Image
    hatikva
    Answered on January 01, 2018 at 10:25 AM
    As you can see below the bold text which are the labels in the url above should be right aligned. 
    אני מעוניין בהסעה מ
     חיפה תל אביב
    שם *
    שם פרטי שם משפחה
    דואר אלקטרוני *
    טל
     
  • Profile Image
    Ardian_L
    Answered on January 01, 2018 at 10:48 AM

    Please put this CSS Code in Custom Css area:

    [dir="rtl"] ul.form-section.page-section {

        float: right;

    }


    [dir="rtl"] .form-label.form-label-auto {

        text-align: right;

    }

    Please check this link on how to inject Custom CSS.

    Let us know if you have any other question.