How to Prevent Sub-Label Wrapping

  • dlasson
    Asked on November 9, 2015 at 3:10 PM

    Hi.

    How can I prevent the text in my sub label from wrapping?

    The sub-labels are here: "Voluntary Life/ADD" section: Spouse Coverage/Desired Coverage Amount. And Dependent Coverage/Desired Coverage Amount.

    Thanks.

  • BJoanna
    Replied on November 9, 2015 at 4:58 PM

    You can prevent sub label from wrapping by injecting Custom CSS code. Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-sub-label {

    white-space: nowrap;

    }

    How to Prevent Sub Label Wrapping Image 1 Screenshot 30

    After adding this code your form will look like this.

    How to Prevent Sub Label Wrapping Image 2 Screenshot 41

    Here is my demo form: https://form.jotform.com/53126968748975? Feel free to clone it.

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