How can I remove the shadow around the form?

  • Icli
    Asked on November 23, 2014 at 9:38 AM

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

    Jotform Thread 463430 Screenshot
  • Aniinl
    Replied on June 6, 2015 at 4: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.) 

    How can I remove the shadow around the form? Image 1 Screenshot 20

  • Aurora JotForm Support
    Replied on June 6, 2015 at 8: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.

  • Alia
    Replied 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?

    .form-all

    {

    box-shadow: none;

    }

     

  • Churchie
    Replied on October 27, 2015 at 10:36 PM

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

     

  • 307chiropractic
    Replied on March 4, 2016 at 1:48 PM

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

     

    http://69.16.221.200/~chiropractic/?page_id=35

     

    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.

  • David JotForm Support Manager
    Replied on March 4, 2016 at 4:30 PM

    @307chiropractic, your concern will be addressed on the following thread: http://www.jotform.com/answers/787704 

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

  • Welvin Support Team Lead
    Replied on October 8, 2016 at 6:17 PM

    @jarmerson: I will address your inquiry into a new thread. Here's the link: https://www.jotform.com/answers/955199

  • skitaos
    Replied on October 26, 2016 at 3:37 PM

    The drop shadow being set to default is dumb AF.