How to increase the checkboxes text width?

  • Profile Image
    rlzolinas
    Asked on January 03, 2017 at 11:43 AM

    I tried using .form-checkbox-item {
        width: 550px; !important;
    }

    and the code is still untouched. I would like the info to span across the page.

     

    Best,

    Robin

  • Profile Image
    AIDAN
    Answered on January 03, 2017 at 12:57 PM

    Hi Robin, thank you for contacting us.

    One way to achieve what you want is to use this custom CSS code instead of the one you mentioned above:

    .form-checkbox-item label {

        display : inline-block !important;

        width : 550px !important;

        margin : -13px 0 5px 20px !important;

    }

    I see that you know how to inject custom CSS code to a form, but just for completeness, here is the tutorial: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I also created a corrected form in case you would like to clone ithttps://form.jotform.com/70024608880959

    If you have more questions or need further assistance, please let us know. Thank you.

  • Profile Image
    rlzolinas
    Answered on July 18, 2017 at 04:12 PM

    Building off of my original question, how do I eliminate the space between items, but keep the item text long as it is. The formatting seems to be a problem. I can't figure out where I went wrong with the css.

    https://form.jotformpro.com/71985794893986

  • Profile Image
    Jim_R
    Answered on July 18, 2017 at 05:23 PM

    Hey Robin - Since this is now about a different topic and a different form too, I moved your last post to a separate thread https://www.jotform.com/answers/1202508 

    We'll reply there shortly.