How to remove the shadow around fields.

  • Profile Image
    307chiropractic
    Asked 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
    BDAVID
    Answered 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
    PeterCharleston
    Answered 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
    BDAVID
    Answered 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
    infookdesignby
    Answered 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
    shezza28
    Answered 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
    Chriistian
    Answered 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
    infookdesignby
    Answered 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);

        }

     

  • Profile Image
    sadorno
    Answered on January 11, 2017 at 11:00 AM

    REMOVE THE SHADOW AS DEFAULT ITS NOT 1999.  GET WITH IT!!!
  • Profile Image
    BDAVID
    Answered on January 11, 2017 at 12:14 PM

    @sadorno, I have moved your request to a separate thread, here: https://www.jotform.com/answers/1031829