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

  • Profile Image
    MGGSOnline
    Asked on October 06, 2019 at 08: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


    1570407315.form-radio-item label .form-c

    They are both on page 3 of the form.

    Thanks in advance

  • Profile Image
    AshtonP
    Answered on October 06, 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.

  • Profile Image
    AshtonP
    Answered on October 07, 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

    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.