Remove box shadow around the form

  • Kalulaillustration
    Asked on March 26, 2025 at 12:51 AM

    There is a border around the form I cant get rid of

    Can I please have the CSS code to get rid of it


    Thank you

  • Joseph JotForm Support
    Replied on March 26, 2025 at 4:40 AM

    Hi Kate,

    Thanks for reaching out to Jotfrom support. You can easily remove the box shadow around the form by using a custom CSS code. Here's how to do it:

    1. First, copy this code:

    .form-all{
      box-shadow: none;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down, and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved. Remove box shadow around the form Image 1 Screenshot 30

    You can also check out this guide about How to Inject Custom CSS Codes. Here's the result:

    Remove box shadow around the form Image 2 Screenshot 41

    Let us know if you need any other help.

Your Answer