How can I remove the border of my form?

  • Dannilee
    Asked on March 4, 2015 at 6:07 AM

    Hi

    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.

    Danni

     

  • raul
    Replied on March 4, 2015 at 9: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.
    Thanks.