Making the Forms Smaller in Height

  • robertatlasmarketing
    Asked on May 10, 2015 at 9:23 PM

    Hi, Support. 

     

    I am trying to make my form smaller in height. It is populating too long on my Wordpress site widget, seen here: http://screencast.com/t/iG8ZHhulYpd

     

    How do I reduce the height of a form? I went into the design mode and pushed it to the top for vertical padding already. What is next? 

     

    Thanks!! 

     

    -Ryan 

  • Chriistian Jotform Support
    Replied on May 10, 2015 at 10:20 PM

    Hi robertatlasmarketing, 

    Thanks for contacting us.

    You can reduce the height of a form by adjusting the margin and padding of the form. You can add this CSS to your form.

    .form-all {

      padding-top: 0px;

    }

     

    .form-line {

      margin: 0px;

    }

     

    To inject this custom CSS to your form, please follow the instructions below.

    Making the Forms Smaller in Height Image 1 Screenshot 20

     

    If you have any more questions, please feel free to contact us again. Regards.

  • robertatlasmarketing
    Replied on May 10, 2015 at 11:22 PM

    Support, 

     

    Thanks so much! 

     

    I do have one more question. Well, actually two. First one is how do I make the background of the highlighted field be the same color as the background. Meaning, I don't want anything highlighted when you click on the field to enter in your email: http://screencast.com/t/urpSMsZO

     

    Also, the button looks kinda crazy spanning the full width, how can I change that? 

     

    Thanks!! 

     

    -Ryan 

  • Chriistian Jotform Support
    Replied on May 10, 2015 at 11:39 PM

    Hi robertatlasmarketing, 

    Glad to hear your first issue was solved.

    I moved your additional questions to another thread since we can provide answer to only one question/issue per thread. We will attend to it immediately. 

     

    Regards.