What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I remove the padding around the embedded form?

    Asked by scottcovert on February 24, 2017 at 03:35 AM

     

    I want the grey area gone (I know I could change the color to white, but whatever color, I want all that extra padding at the top gone, so that the form is closer to the video above it.

    Page URL:
    https://weeklyoptions.coach/c1

    Screenshot
  • Profile Image
    JotForm Support

    Answered by BJoanna on February 24, 2017 at 06:01 AM

    That is the background color of your form.

    You can change it inside of Form Designer > Color Scheme tab. Currently background color is #f5f5f5. If you want to change it to white then change #f5f5f5 to #ffffff.

    Here is my cloned form with white background: https://form.jotform.com/70543070985964 

    Feel free to clone it.

    If you also want to remove the shadow around the form add this CSS code to your form:

    .supernova .form-all {

        border:none;

        box-shadow: none;

    }

    How to Inject Custom CSS Codes

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by scottcovert on February 24, 2017 at 03:18 PM

    As stated in my original question, I know how to change the color. I just don't want the big space between the video and the form.

    How can I get rid of most of that blank space at the top of the form?

    I left it gray to show the area I am talking about. Changing the color is not the problem.

  • Profile Image
    JotForm Support

    Answered by Jim_R on February 24, 2017 at 05:00 PM

    I just don't want the big space between the video and the form.

    The page you linked https://weeklyoptions.coach/c1 doesn't show the video anymore but I think I see what you mean:

    To remove that gap, inject the following CSS codes:

    .jotform-form {

      padding: 0;

    }

    (NOTE: If it doesn't work, append the !important tag)

    .jotform-form {

      padding: 0 !important;

    }

    Complete guide: How-to-Inject-Custom-CSS-Codes