How to reduce the height of the form?

  • RHemery
    Asked on April 26, 2016 at 11:25 AM

    Hi there

    JotForm seems to add lots of padding/height/width to the forms these days.

    I'm looking to remove this but struggling...

     

    Please see: http://www.lotus-spa.co.uk.gridhosted.co.uk/

     

    You'll need to scroll down a bit until you reach 'Sign-up to receive news' etc.

    Help please! I just want it to take up as little height space as possible

  • Kevin Support Team Lead
    Replied on April 26, 2016 at 12:36 PM

    Please try injecting this code to your form: 

    .form-all {

        height: 62px;

    }

    ul.form-section.page-section {

        margin-top: -24px;

    }

    This guide will help you to inject the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    This should be the result: 

    How to reduce the height of the form?  Image 1 Screenshot 20