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

  • Mnajib
    Asked on May 18, 2017 at 3: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? 

  • Sven
    Replied on May 18, 2017 at 4:35 PM

    Hi, 

    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:

    How-to-Inject-Custom-CSS-Codes

     

    Thank you!

  • Mnajib
    Replied on May 20, 2017 at 11:05 PM

    This didn't workout 

  • liyam
    Replied on May 21, 2017 at 1:51 AM

    Hello,

    I suppose this is what you mean:

    How can I make my form fit to the edges of my background?  Image 1 Screenshot 20

     

    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.

    Thanks.