Remove Border Shadow Around Form

  • atlspeech
    Asked on July 30, 2015 at 8:30 AM

    I've searched several questions previously asked and have injected different CSS into forms and it appears nothing changes.

    Red arrow: How can I remove the border/shadow around the entire form?

     

    Remove Border Shadow Around Form  Image 1 Screenshot 30

     

    Remove Border Shadow Around Form  Image 2 Screenshot 41

     

  • ibrahim JotForm UI Developer
    Replied on July 30, 2015 at 10:13 AM

    Hi,

    You can inject CSS code for box shadows. Here's sample code: 

    .form-all {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    }

    Thanks

  • atlspeech
    Replied on July 30, 2015 at 1:27 PM

    Thank you. I've updated and it worked. An hour later I returned to the webpage where my form is located and it seems the effects have worn off. I went back to the inject CSS code and it was gone. I re-entered it and it again did what is was supposed to do.

    Is it normal for the coding to become void without me physically removing it myself?

  • David JotForm Support Manager
    Replied on July 30, 2015 at 2:43 PM

    Glad to know it worked. That's odd, maybe the form did not  properly save: 

    Remove Border Shadow Around Form  Image 1 Screenshot 20

    Let us know if this happens again.