How do I change the width of a checkbox label that seems to be set?

  • MGGSOnline
    Asked on October 6, 2019 at 8:17 PM

    Hi there

    How do I get the labels highlighted below to fill the width of the form? Using 'Inspect' the width appears to be set at 312px no matter what I put into the css.

    Top 3 options are .form-radio-item label

    Bottom option is .form-checkbox-item label


    How do I change the width of a checkbox label that seems to be set? Image 10

    They are both on page 3 of the form.

    Thanks in advance

  • AshtonP
    Replied on October 6, 2019 at 11:54 PM

    Thank you for writing to Jotform support.

    We are checking this and we will get back to you with an update.

  • AshtonP
    Replied on October 7, 2019 at 12:26 AM

    Please insert the below  CSS code to your form to fix this:

    .form-radio-item, .form-checkbox-item{

    max-width: 100% !important;

     text-align:justify; 

     text-justify:auto;

    }

    It will show up as below upon inserting the above CSS code:

    1570422298The Easiest Online Form Builde Screenshot 10

    Here is a reference guide to inject custom CSS code to your form: How-to-Inject-Custom-CSS-Codes

    Feel free to reach us in case you need any further help from our end.