Need help with CSS to move the fields closer

  • fhpw
    Asked on May 3, 2016 at 4: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.
  • Kiran Support Team Lead
    Replied on May 3, 2016 at 4: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.

  • fhpw
    Replied on May 3, 2016 at 7:27 PM

    Great.  Thanks for the assist!