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

  • Profile Image
    NetSpeedZ
    Asked on December 13, 2017 at 02: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.
  • Profile Image
    Jim_R
    Answered on December 13, 2017 at 03: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.

    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

  • Profile Image
    Jim_R
    Answered on December 13, 2017 at 05: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: