How can I remove the shadow around the form?

  • Profile Image
    Asked on November 23, 2014 at 09:38 AM

    Even if I make the frame's background transparent still there's a shadow around it

  • Profile Image
    Answered on June 06, 2015 at 04:32 PM

    Hi, I just did that according to the instructions, but it did not work. The shadow is still there.

    My "Inject CSS Code" Field is already full with code. Does it matter where I inject the above? Do I insert it on top or on the bottom - does it make a difference? (I inserted it on top now.) 

  • Profile Image
    Answered on June 06, 2015 at 08:00 PM

    Please inject the following CSS Code:

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

    Same effect if you include the code at the beginning or at the end.

    If any other question please do contact us.

  • Profile Image
    Answered on October 27, 2015 at 10:24 PM

    Hi, I've tried to put this code in my CSS but I still have the shadow. I can't work out how to get rid of it. Any advice?



    box-shadow: none;



  • Profile Image
    Answered on October 27, 2015 at 10:36 PM

    This is not ideal - Jotform please remove the shadow as the default. 


  • Profile Image
    Answered on March 04, 2016 at 01:48 PM

    none of this code removes the shadow on the form??



    Why in the world would jotform assume that we all want to have a shadow around our forms as a default? That is just weird.  And then there is no easy way to get rid of it? please guys.

  • Profile Image
    Answered on March 04, 2016 at 04:30 PM

    @307chiropractic, your concern will be addressed on the following thread: 

  • Profile Image
    Answered on October 08, 2016 at 01:50 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
    Answered on October 08, 2016 at 06:17 PM

    @jarmerson: I will address your inquiry into a new thread. Here's the link:

  • Profile Image
    Answered on October 26, 2016 at 03:37 PM

    The drop shadow being set to default is dumb AF.