How to remove the shadow border?

  • louquinn1
    Asked on April 4, 2025 at 10:41 AM

    Hi all,

    I've added custom CSS to my form https://form.jotform.com/250702433518047 so that as below in the advanced editor the border is gone.

    How to remove the shadow border? Image 1 Screenshot 30

    However, when I put the form live, as below the box shadow is showing again.

    How to remove the shadow border? Image 2 Screenshot 41

    Can you help at all please?

    Many thanks,

    Lou

  • Cristy JotForm Support
    Replied on April 4, 2025 at 11:07 AM

    Hi Lou,

    Thanks for reaching out to Jotform Support. You can inject a Custom CSS code to remove the shadow border. Let me show you how:

    1. First, copy this code:

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

    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.

    How to remove the shadow border? Image 1 Screenshot 30

    Check out the screenshot below to see the result:

    How to remove the shadow border? Image 2 Screenshot 41

    Give it a try and let us know how it goes.

  • louquinn1
    Replied on April 4, 2025 at 11:14 AM

    brilliant - thanks very much

Your Answer