I've injected a custom CSS codes in the form to make it RTL but it's not working

  • Profile Image
    snothman
    Asked on April 18, 2017 at 06:42 AM

    Hi, I'm creating a survey in Hebrew - https://www.jotform.com/build/71072275128453

    I've read previous answers regarding RTL in general and Hebrew in particular, and have injected CSS as recommended there but when I press "preview" the elements "realign" themselves to the left side of the page.  Additionally, the line breaks that I've inserted in the block text at the top of the page get cancelled in Preview mode. 

     

    Thank you in advance for your assistance!

  • Profile Image
    Welvin
    Answered on April 18, 2017 at 09:10 AM

    We've updated the HTML structure of the form so I think this is causing the issue. I've fixed it for you by injecting the following custom CSS codes:

    .form-label {

        display: block !important;

        float: none !important;

        text-align: right !important;

    }

    .form-all * {

        direction: rtl !important;

    }

     

    Please check and let us know for any issue. 

  • Profile Image
    snothman
    Answered on April 18, 2017 at 09:56 AM

    seems to work perfectly! 

    thanks very much!