Custom CSS codes to remove the shadow around the form

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; }

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.

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. 

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-all" box 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.

Hello wakinggirl,

With this thread discussing the matters on how to remove the box shadow, the discussion might move away from the topic (and with this thread being quite old) so I have moved your comment on starting another thread with a particular question regarding the default setting on the box shadow. We will respond to your question on this thread: https://www.jotform.com/answers/1137921

Thanks.