How to increase the checkboxes text width?

  • Profile Image
    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.




  • Profile Image
    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:

    I also created a corrected form in case you would like to clone it

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

  • Profile Image
    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.

  • Profile Image
    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 

    We'll reply there shortly.