Is there a way to reduce the amount of space above the jotform when embedding?

  • iMatter
    Asked on September 29, 2015 at 1:52 AM

    Trying to figure out how not to have so much space just above the jotform 

    Page URL: http://staging.imatteryouth.org/newsletter-signup/
  • beril JotForm UI Developer
    Replied on September 29, 2015 at 2:51 AM

    Hi,

    Could you try injecting the following CSS code to your JotForm with the margin reduced further to -40px to see if that helps?


    .form-all {
    padding-top: 0;
    margin-top: -40px;
    }

    Here is how to do that:
    1)  Click on Setup & Embed.

    Is there a way to reduce the amount of space above the jotform when embedding? Image 1 Screenshot 50


    2) Click on Preferences.

    Is there a way to reduce the amount of space above the jotform when embedding? Image 2 Screenshot 61

     

    3) Click on Form Styles.

    Is there a way to reduce the amount of space above the jotform when embedding? Image 3 Screenshot 72


    4) Copy and paste the code above to Inject Custom CSS.

    Is there a way to reduce the amount of space above the jotform when embedding? Image 4 Screenshot 83

     

    You can also use the following CSS code, as it’s pretty short and concise. This also removes the top spacing of the form.

    .jotform-form {padding:0}

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • iMatter
    Replied on October 6, 2015 at 1:44 PM

    Awesome - that worked - thanks!

  • David JotForm Support
    Replied on October 6, 2015 at 3:07 PM

    Glad to hear it!  If there is anything else we can assist you with, let us know and we will be happy to help.