Text Running Over

  • elenispopofcolor
    Asked on January 31, 2017 at 9: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

  • Charlie
    Replied on February 1, 2017 at 1: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. 

  • elenispopofcolor
    Replied on February 1, 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.
    ...
  • can JotForm Developer
    Replied on February 1, 2017 at 2: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

    Text Running Over Image 1 Screenshot 30

    - Second select CSS Tab from right panel.

    Text Running Over Image 2 Screenshot 41

     

    Then, you can add your css code.

     

    If you need further assistance, please let us know.

    Regards.

  • blueballoonschool
    Replied on February 1, 2017 at 2: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/

     

     

  • Kevin Support Team Lead
    Replied on February 1, 2017 at 2: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.