How to reduce vertical spacing between rows of check boxes?

  • Profile Image
    Asked on June 03, 2015 at 03:12 AM

    Hi All,

    I want to inject CSS into a form to reduce the vertical space to make 5 separate check box fields look like a checkbox field with 5 options.



    The form is not on a webpage YET, but its JotForm URL is:

    I want to do this because i will be importing the data generated by the form into a Filemaker database and it just works better if I have 5 different checkbox fields rather than a single field with 5 options...

    Thank you in advance for any help given! 

  • Profile Image
    Answered on June 03, 2015 at 03:59 AM

    Hi there;

           Please inject the following CSS Code Block to make this layout for Checkboxes. Read this guide on How to Inject Custom CSS Codes. Review the following screenshot for confirmation.

    #id_36, #id_37 {margin: -36px 0px -33px 0px !important;}

    Do get back to us, if you need further assistance, we would be happy to help you.