What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I remove the shadow around the form?

    Asked by Icli on November 23, 2014 at 09:38 AM

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

    Screenshot
  • Profile Image

    Answered by Shadae on November 23, 2014 at 10:41 AM

    Hi lcli,

    To confirm, you would like to remove the shadow that is around your form?

    If that is the case, please Inject the CSS Code below to remove the shadow:

    .form-all

    {

    box-shadow: none;

    }

    I hope this helps! Please inform us if you need further assistance.

  • Profile Image

    Answered by Aniinl 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
    JotForm Support

    Answered by Aury 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 by Alia  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;

    }

     

  • Profile Image

    Answered by Churchie on October 27, 2015 at 10:36 PM

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

     

  • Profile Image

    Answered by 307chiropractic on March 04, 2016 at 01: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.

  • Profile Image
    JotForm Support

    Answered by BDAVID on March 04, 2016 at 04:30 PM

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

  • Profile Image

    Answered by jarmerson 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
    JotForm Support

    Answered by Welvin on October 08, 2016 at 06:17 PM

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

  • Profile Image

    Answered by skitaos on October 26, 2016 at 03:37 PM

    The drop shadow being set to default is dumb AF.