How can I remove the padding around the displayed title of my form?

  • NetSpeedZ
    Asked on December 13, 2017 at 2:53 PM
    Also, need to know how to remove the padding around the displayed title of a form. Would like to reduce the size of the overall form.
  • Support_Management Jotform Support
    Replied on December 13, 2017 at 3:13 PM

    You mentioned you wanted to remove the padding around the displayed title of your form. But, when I checked it, your form doesn't have a title.

    All it has are 4 fields, each with their respective labels, and a submit button.

    How can I remove the padding around the displayed title of my form? Image 1 Screenshot 20

    If you could illustrate through a screenshot which section of the form you wanted to adjust, we can help you in figuring out the CSS codes you need to use to make that adjustment.

    Please refer to the quick guide below to ensure that your screenshot will reach our Support Forum. It will never post if you attach it via email.

    Related guide: How-to-Post-Screenshots-to-Our-Support-Forum

  • Support_Management Jotform Support
    Replied on December 13, 2017 at 5:42 PM

    Looks like your reply never posted in our forum so I'll paste it here:

    I was referring to another form from theComputerPitstop.

    Is this the form that you're referring to?

    https://www.jotform.com/32110822651139

    To adjust the spacing use the following CSS codes:

    .form-line {

        margin: 0 auto !important;

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }

    This should take care of all the fields on the form (not just the title). Feel free to adjust the padding values if you need more space between them.

    Complete guide: How-to-Inject-Custom-CSS-Codes

    Result:

    How can I remove the padding around the displayed title of my form? Image 1 Screenshot 20