What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Custom CSS codes to remove the shadow around the form

    Asked by jarmerson on October 08, 2016 at 06:16 PM

    This is such a ridiculous and inconvenient design flaw in the forms design. None of the above CSS works for ANY of the forms I've worked with. 

    Here's the code I'm forced to inject to remove the shadows...

    .supernova .form-all { border: 0px solid !important; -webkit-box-shadow: 0 0 0 !important; -moz-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; }

    custom css form shadow
  • Profile Image
    JotForm Support

    Answered by Welvin on October 08, 2016 at 06:26 PM

    Can you share us your form here? I've checked your last form IDs and none of the forms has the shadow. The custom CSS codes are correct, the important declaration should override what's currently in the form builder. Are you using a form theme perhaps? Let us know.

  • Profile Image

    Answered by jarmerson on October 09, 2016 at 12:05 PM

    I was making a response to the original thread. You won't see a shadow because the code I shared is what I wrote to remove it. My post is largely a complaint. 

  • Profile Image
    JotForm Support

    Answered by Mike_G on October 09, 2016 at 12:43 PM

    Thank you so much for your feedback, @jarmerson.

    I tested the codes you posted and see that it is working - thank you, also, for sharing it.

    However, the code, .form-all{box-shadow: none !important;}, should also work. Like what my colleague, Welvin, have mentioned, the "!important" declaration should override whatever value that is declared for ".form-allbox shadow.

    I have tested the form in my screenshot above that has that code with browsers that's widely or mostly used and it works fine.