Modify form - make smaller/remove padding.

  • Profile Image
    JKulp42757
    Asked 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!

  • Profile Image
    Nik_C
    Answered 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
    JKulp42757
    Answered 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
    Chriistian
    Answered 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.