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 do I remove the background that the form sits on?

    Asked by virrich on March 16, 2016 at 12:02 PM
    Screenshot
    how how do i
  • Profile Image
    JotForm Support

    Answered by Charlie on March 16, 2016 at 01:20 PM

    Would you like to make the form transparent or remove the white background shown in your screenshot? It seems like the white background is more associated with the parent element where the form is placed. You'll need to make the parent element transparent or adjust the height and width to match the form. 

    If you want to make the whole form transparent so that the background image you have will blend with it, you can do that by following this guide: https://www.jotform.com/help/87-Making-the-Form-Background-Transparent 

    I am not quite sure how you have embedded the form to your website, but it looks like you are setting it up on Wordpress. This guide might also be of a help: http://www.jotform.com/help/324-A-Guide-To-Forms-For-WordPress-JotForm-Users 

    Let us know if those suggestions worked.

  • Profile Image

    Answered by virrich on March 16, 2016 at 02:38 PM

    Awesome. Thanks Charlie,

    The background of the form is now transparent!!  Yay!  However, the transparent area fills my contact page with empty space.  Is there a way to reduce, or eliminate the the background area?  Thanks so much.  I really appreciate the prompt reply. 


  • Profile Image
    JotForm Support

    Answered by Nik_C on March 16, 2016 at 03:12 PM

    Hello,

    I checked your form, since I'm not sure how the form is embedded in your website, I searched for padding and margin that is off or something similar.

    Can you try to put this in your Custom CSS field:

    .form-all{

    margin-bottom: 0px !important;

    padding-bottom: 0px !important;

    }

    If I understood right, your website is not live yet? So we can check the whole code.

    Please let me know if that helps.

  • Profile Image
    JotForm Support

    Answered by Nik_C on March 16, 2016 at 03:22 PM

    Also, if I can add other possible way, try to go to Designer:

    And click 'Form cover' on the right hand-side:

    And put bottom margin to be zero.

    If my first suggestion didn't work please try this one and let me know how that worked.