How to make multiple choice option longer inside a fill in the blank

  • kcaillouette
    Asked on April 25, 2024 at 11:30 AM

    How to make the options label larger

    Jotform Thread 14263941 Screenshot
  • Mike_G JotForm Support
    Replied on April 25, 2024 at 11:46 AM

    Hi Kathleen,

    Thanks for reaching out to us for help. I understand what you want to do with your form, but I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

    In the meantime, let us know if you have any other questions.

  • Mike_G JotForm Support
    Replied on April 25, 2024 at 3:04 PM

    Hi Kathleen

    Thanks for your patience and understanding, we appreciate it. Increasing the size of the checkbox label in a Fill in the Blank field on your form is possible. You can do that by injecting custom CSS codes into your form. Let me show you how:

    1. Copy the CSS codes below:

    .FITB span[data-type="checkbox"] label {
        font-size: 18px !important;
    }

    2. Open your form in Form Builder, and click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. In the Form Designer menu, click on the Styles tab, scroll down, and paste the custom CSS codes into the Inject Custom CSS box.

    4. Close the Form Designer menu to save the changes.

    How to make multiple choice option longer inside a fill in the blank Image 1 Screenshot 30

    Note: You can change the value of the font-size CSS property in the codes provided above to your preferred color.

    And that's it. Check out the screenshot below to see the result:

    How to make multiple choice option longer inside a fill in the blank Image 2 Screenshot 41

    I've cloned your form and made the necessary adjustments so you can test it before applying the changes to yours. You can find my cloned form here. Feel free to clone my form to your account so you can inspect it. Click here to see how to clone the form.

    Give it a try, and reach out again if you have any other questions.

 
Your Answer