Custom CSS codes to remove the shadow around the form

  • Profile Image
    jarmerson
    Asked 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; }

  • Profile Image
    Welvin
    Answered 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
    jarmerson
    Answered 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
    Mike_G
    Answered 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.

  • Profile Image
    wakinggirl
    Answered on May 05, 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!

  • Profile Image
    liyam
    Answered on May 06, 2017 at 04: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.