How to increase the checkboxes text width?

  • duqadmin
    Asked on January 3, 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

  • AIDAN
    Replied on January 3, 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.

  • duqadmin
    Replied on July 18, 2017 at 4: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.

  • Support_Management Jotform Support
    Replied on July 18, 2017 at 5: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.

  • duqadmin
    Replied on August 15, 2018 at 3:48 PM

    Is there a way to keep the checkboxes and the text in line? It looks odd with them dipping down. I tried applying this to this page: https://form.jotform.com/82175435546966

    Thanks!

  • Support_Management Jotform Support
    Replied on August 15, 2018 at 5:19 PM

    I moved your post to a separate thread to avoid confusion:

    https://www.jotform.com/answers/1554346

    I'll reply to you there shortly.