How to remove the shadow around fields.

Create your own downloadable app without any coding. Learn more

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.
David

Jotform Support

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.
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.
David

Jotform Support

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
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
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/
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.
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);

}
sadorno
Answered on January 11, 2017 at 11:00 AM

REMOVE THE SHADOW AS DEFAULT ITS NOT 1999. GET WITH IT!!!
David

Jotform Support

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