Custom CSS codes to remove the shadow around the form

  • jarmerson
    Asked on October 8, 2016 at 6: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; }

  • Welvin Support Team Lead
    Replied on October 8, 2016 at 6: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.

  • jarmerson
    Replied on October 9, 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. 

  • Mike_G JotForm Support
    Replied on October 9, 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.

    Custom CSS codes to remove the shadow around the form Image 1 Screenshot 20

    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.

  • wakinggirl
    Replied on May 5, 2017 at 11:17 PM

    No one is addressing the real question:

    WHY is the shadow a default setting?

     

    My guess is that less than half of your users are using stand-alone Jotforms. These default settings are really annoying to work with in DIY web builders and just about every other application. 

     

    -we don't want the shadow!

    -we don't want the padding!

     

    EVER!

  • liyam
    Replied on May 6, 2017 at 4:56 AM

    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.