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

    Removing background around the form

    Asked by psw on November 14, 2016 at 04:59 PM

    I used to be able to edit the HTML on my form but now I can't find the <>.  My form is on a black page so I want my form to be black as well but when I go to make an entry, the area around the field is white (or offwhite).  How can I change that?

    edit html remove background
  • Profile Image
    JotForm Support

    Answered by Mike on November 14, 2016 at 08:40 PM

    To remove the background around the form you can try adding the next CSS via Form Designer.

    .supernova {
    background-color: transparent;
    }

    If you need any further assistance on this, please let us know. We will be happy to help.

  • Profile Image

    Answered by psw on November 15, 2016 at 10:16 AM

    I'm not seeing the code.  It just gives me the buttons and then a select box but there is not a transparent selection.  Here is my form:  https://www.jotform.com//?formID=63186406601149#

  • Profile Image
    JotForm Support

    Answered by Boris on November 15, 2016 at 11:37 AM

    Are you referring to the highlight effect when you click into one of the fields of your form:

    https://form.jotform.us/form/63186406601149

    In order to remove the highlight effect from your form, please inject the following custom CSS into that form:

    .form-line-active, .form-line-error { background-color: transparent !important; }

    The following guide describes how to add custom CSS codes into your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please try it out and let us know should you need further assistance.

  • Profile Image

    Answered by psw on November 15, 2016 at 12:06 PM

    I'm doing something wrong - I followed the tutorial but I can't tell where it it placing the line into the overall code and it's not working.  What happened to the <> editor?  I just want to modify the actual source code!

  • Profile Image
    JotForm Support

    Answered by Boris on November 15, 2016 at 12:53 PM

    I'm not sure what you are referring to by "<> editor", but if you mean an editor for the source code of your form, please note that editing source code of your entire form is not possible within JotForm. There is only a source code editor available for things such as the Thank You page, email notifications, or for individual Text fields when you want to add HTML codes into your form.

    When it comes to your form's appearance, I see this is how it currently appears:

    It looks like the Form Designer stripped out some styles, probably because there was an error in the previous existing styles.

    I have cloned your form into my account, and then re-created your form's black appearance on the cloned form by re-selecting the main colors under the Color Scheme section of the Designer:

    I've also had to add this as the forms entire custom CSS:

    .form-line-active, .form-line-error {
        background-color: transparent !important;
    }
    .form-textbox { max-width: 200px; }
    .form-textarea, .form-input, .form-input-wide { max-width: none !important; width: auto !important; }

    Such edited form looks the same as you had intended, please see it here:

    https://form.jotformpro.com/form/63194818346969

    If that is how you want your form to appear as well, you can either follow the above steps, or even easier simply clone the demo form from my account back into yours, which you can do by following this guide:

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Please let us know if you need further assistance.