Checkbox on forms messed up

  • Profile Image
    c2forms
    Asked on October 21, 2015 at 09:07 PM

    I created a theme for my forms. When using it it messed up my checkbox columns and spacing. Under Manufacturer and Additional Hardware the items are overlapping. Under test results they are over lapping the next field. Please help. I have tried custom CSS as seen in other forum questions. How do I fix?

     

    Thanks!

  • Profile Image
    Chriistian
    Answered on October 22, 2015 at 03:38 AM

    Hi,

     

    You can try to inject this custom CSS code in your form to fix the display of the check box.

    #id_40, #id_32, #id_30{

    width:20%;

    }

    span.form-checkbox-item {

        max-width: 100% !important;

        white-space: normal !important;

    }

    .form-multiple-column {

        width: 300%;

    }

    .form-single-column {

        width: 300% !important;

    }

     

    To inject custom CSS code your form, just follow the instruction provided in this article: How to Inject Custom CSS Codes.

     

    Do let us know if you need further assistance.
    Regards.