How can I remove the border of my form?

  • Profile Image
    Asked 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 on March 04, 2015 at 09:33 AM

    I presume that you're referring to this form:

    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.