Form Design: How to Hide the Form Border Shadow

  • Profile Image
    esupport.tw
    Asked on May 22, 2026 at 5:24 AM

    Hi,

    How to hide the form border shadow ?


    
Form Design: How to Hide the Form Border Shadow
Image-1

  • Profile Image
    Kris JotForm Support
    Replied on May 22, 2026 at 5:48 AM

    Hi esupport.tw,

    Thanks for reaching out to Jotform Support. To remove the form border shadow, you can inject custom CSS to turn off both the shadow and the border of the form container. Let me walk you through it:

    1. In Form Builder, click on the Paint Roller icon on the right side.
    2. Now, in the Form Designer on the right side, go to the Styles tab.
    3. Scroll down to Inject Custom CSS. Then inject the following CSS codes into the Inject Custom CSS box:
    .supernova, .jotform-form, .form-all {
    background-color: transparent !important;
    }
    .form-all {
    box-shadow: none;
    border: none;
    }

    
Form Design: How to Hide the Form Border Shadow
Image-1

    Give it a try and let us know if you’ve got other questions

Your Reply