Text Running Over

  • Profile Image
    elenispopofcolor
    Asked on January 31, 2017 at 09:16 PM

    How do I realign the text so that it is not all on one line and run over the form?  It is the check box option line.  Thank you

  • Profile Image
    Charlie
    Answered on February 01, 2017 at 01:03 AM

    Hi,

    You can add this custom CSS code on your form: 

    #cid_20 {

        white-space : normal !important;

        max-width : 400px !important;

    }

    You can inject your CSS code by following this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Let us know if that works. 

  • Profile Image
    elenispopofcolor
    Answered on February 01, 2017 at 12:45 PM
    thank you for the response. With the new system, I do not know how to make
    changes anymore to the forms. Can you make the change for us? thank you.
    ...
  • Profile Image
    can
    Answered on February 01, 2017 at 02:04 PM

    Hi,

    I applied inject css code to your form. 

    JotForm 4.0 is easier than the old one. You can change your inject css by the steps given below.

    First open Designer Tab

    - Second select CSS Tab from right panel.

     

    Then, you can add your css code.

     

    If you need further assistance, please let us know.

    Regards.

  • Profile Image
    blueballoonschool
    Answered on February 01, 2017 at 02:12 PM

    I am having the  exact same issue! Can you please do this for my forms too for Squarespace??

     

    www.blueballoonschool.com/register 

    www.blueballoonschool.com/apply-to-teach 

    https://www.blueballoonschool.com/lets-go/

     

     

  • Profile Image
    Kevin_G
    Answered on February 01, 2017 at 02:45 PM

    @blueballoonschool,

    Please inject the following CSS code to your form: 

    li label {

        white-space : normal !important;

        max-width : 100% !important;

     

    }

    This is a generic code  so it should work for all the fields that are overlapping your form and with all the forms too. 

    To inject the code, please follow the steps as described by @can above.

    Hope this helps.