Modify form - make smaller/remove padding.

  • Profile Image
    Asked on September 27, 2016 at 10:01 AM

    The form I am using is here:

    The page it is on, is here:

    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.


  • Profile Image
    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 {




    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 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
    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: