Modify form - make smaller/remove padding.

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!

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!

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!

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.