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

    Modify form - make smaller/remove padding.

    Asked by JKulp42757 on September 27, 2016 at 10:01 AM

    The form I am using is here: https://form.jotform.com/62703482012951

    The page it is on, is here: http://bluepointcm.com/news-6/

    Scroll to the very bottom of the page, it's in the footer.

    As you can see, the form is larger than my footer area. I want the same look to the form that it has now, I just need it to fit within my footer..there seems to be too much space below the subscribe button.

    Thanks!

    modify form remove padding
  • Profile Image
    JotForm Support

    Answered by Nik_C on September 27, 2016 at 01:29 PM

    I see the problem. And I checked your source code that causes your form to be moved like that. So please try to insert this CSS in your custom CSS field:

    .form-line, .form-line.form-line-column {

    padding:0px!important;

    }

     

    That should bring your form inside of a footer and it will look like this:

    Hope it helps, please let us know if you need further assistance.

    Thank you!

  • Profile Image

    Answered by JKulp42757 on September 29, 2016 at 06:48 PM

    Okay that worked, thanks. The other problem I am having is the white background...I need that to be transparent or the same color as the rest of the footer. I set it to this in the designer, but it's not showing up as it should. Please advise. Thanks!

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 30, 2016 at 02:37 AM

    To make the background of the form transparent, please inject the custom CSS code below:

    .form-section {

        background: transparent;

    }

    Here's how it should look after:

    Regards.