Need help with CSS to move the fields closer

  • Profile Image
    fhpw
    Asked on May 03, 2016 at 04:23 PM
    However, I would like the lines to be tighter and have the view like the Gift Registry option you provided. Maybe it is removing padding in those two sections?  Thus making the options not have any spacing between the choices.
  • Profile Image
    Kiran
    Answered on May 03, 2016 at 04:58 PM

    You may insert the following CSS code to your JotForm to reduce the padding for Reservation and Meal section.

    #id_83, #id_49, #id_50, #id_51, #id_53, #id_54, #id_56, #id_57, #id_78, #id_79, #id_80, #id_81 {

        margin-bottom: 5px;

        margin-top: 5px;

    }

    #id_83 .form-label, #id_49 .form-label, #id_50 .form-label, #id_51 .form-label, #id_53 .form-label, #id_54 .form-label, #id_78 .form-label, #id_79 .form-label, #id_80 .form-label, #id_81 .form-label {

    font-weight: normal;

    }

    You may change the px value if you need to decrease/increase the margin.

    Hope this information helps!  Let us know if you need any further assistance.

  • Profile Image
    fhpw
    Answered on May 03, 2016 at 07:27 PM

    Great.  Thanks for the assist!