How can I make my form fit to the edges of my background?

  • Profile Image
    Asked on May 18, 2017 at 03:21 PM

    I want the top margin of my form to line up with the top of the background image and the bottom margin of my form to line up with the bottom of the background image. How can I do that? 

  • Profile Image
    Answered on May 18, 2017 at 04:35 PM


    You can add custom CSS rules to change the styling of your form. If you want to remove the margins, please add the following CSS to your form builder:

    .form-all {

        margin-top : 0px !important;

        margin-bottom : 0px !important;



    Here's how you can inject custom CSS in your form:



    Thank you!

  • Profile Image
    Answered on May 20, 2017 at 11:05 PM

    This didn't workout 

  • Profile Image
    Answered on May 21, 2017 at 01:51 AM


    I suppose this is what you mean:


    If so, please use this CSS code instead:

    .jotform-form {
       padding-top: 0 !important;
       padding-bottom: 0 !important;

    This should affect the top and bottom padding of your form.

    If you have questions or other concerns, please let us know.