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 can I remove the border of my form?

    Asked by Dannilee on March 04, 2015 at 06:07 AM


    I do not want the shadow or border around the form, so I removed the following CSS:

    .supernova .form-all {
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    That got rid of them but the problem is when I switch to the form designer and then go back, look at the css they are back again? It's not saving my changes.

    Please can you advise.



  • Profile Image

    Answered by raul on March 04, 2015 at 09:33 AM

    I presume that you're referring to this form: http://www.jotformeu.com/form/50608193764359

    The mentioned code is part of the supernova theme which means that even when you remove it, it will be added again when you check your form in the designer. However, you can override it with the following code:

    .form-all {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

    Let us know if this helps.