How to remove the form border and box shadow?

  • mgarriques
    Asked on September 5, 2024 at 12:38 PM

    How to remove the form border and box shadow? Image 1 Screenshot 20

  • Kyle JotForm Support
    Replied on September 5, 2024 at 1:44 PM

    Hi mgarriques,

    Thanks for reaching out to Jotform Support. Let's inject a Custom CSS code into your form to remove the border and box shadow. Let me show you how:

    1. Copy the CSS code below:
    /*Remove the form borders - 187012451*/
    .supernova .form-all {
      border: none !important;
      box-shadow: none !important;
    }
    /*ends here*/

    2 . Choose the Paint Roller icon located in the top-right corner of the Form Builder.

    3 . Navigate to Styles at the top of the Form Designer window on the right.

    4 . Under Inject Custom CSS, enter your code; all modifications are automatically saved.

    How to remove the form border and box shadow? Image 1 Screenshot 30

    See my screenshot below to see the result:How to remove the form border and box shadow? Image 2 Screenshot 41

    Give it a try and let us know if you need any help.