Remove Border Shadow Around Form

  • Profile Image
    Asked on July 30, 2015 at 08: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?




  • Profile Image
    Answered on July 30, 2015 at 10:13 AM


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

    .form-all {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;



  • Profile Image
    Answered on July 30, 2015 at 01: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?

  • Profile Image
    Answered on July 30, 2015 at 02:43 PM

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

    Let us know if this happens again.