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 to remove the shadow around fields.

    Asked by 307chiropractic on March 04, 2016 at 04:27 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:35 PM

    Inject the following CSS code into your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input {

        box-shadow: 0px 0px 0px !important;

    }

     

    Let us know if you need more help.

  • Profile Image

    Answered by PeterCharleston on March 04, 2016 at 04:52 PM

    I am having the same problem, and this code is not working to remove the shadow.
  • Profile Image
    JotForm Support

    Answered by BDAVID on March 04, 2016 at 06:12 PM

    @PeterCharleston, your concern will be address on the following thread: http://www.jotform.com/answers/787781

  • Profile Image

    Answered by infookdesignby on May 16, 2016 at 03:18 PM

    @media screen and (min-width: 480px) {

      .supernova .form-all {

        border: 1px solid rgba(0, 0, 0, 0);

        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

        -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

      }

    }

     

     

    Just replace with zeros

  • Profile Image

    Answered by shezza28 on August 25, 2016 at 07:33 AM

    Hi,

    I'm experiencing the same issue as above. I've added all the different codes given, but the shadow still remains to stay around the form.

    Please help!!!

    http://www.myccg.org.uk/subscribe/

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on August 25, 2016 at 09:54 AM

    Hi shezza28,

    I have moved your concern to a separate thread so we can address it properly. We will respond to you there.

  • Profile Image

    Answered by infookdesignby on August 25, 2016 at 09:59 AM

    Select your form and go to Edit Form > Design > INJECT CSS > Inject Custom CSS. Paste text:

     

    @media screen and (min-width: 480px){

        .supernova .form-all {

            border : 1px solid rgba(0, 0, 0, 0);

            -webkit-box-shadow : 0 0px 0px rgba(0, 0, 0, 0.1);

            -moz-box-shadow : 0 0px 0px rgba(0, 0, 0, 0.1);

            box-shadow : 0 0px 0px rgba(0, 0, 0, 0.1);

        }