Remove shadow around field?

  • shezza28
    Asked on August 25, 2016 at 9:53 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/

  • infookdesignby
    Replied on August 25, 2016 at 10:00 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);

        }

     

    Remove shadow around field? Image 1 Screenshot 20

  • Charlie
    Replied on August 25, 2016 at 11:27 AM

    Aside from the suggestion given above. You can also try using this CSS code that I have:

    .form-all {

        box-shadow: none !important;

    }

    That simply removes the box-shadow surrounding the main form's frame. You can paste that custom CSS code under your Form Designer Tool's CSS tab:

    Remove shadow around field? Image 1 Screenshot 20

     

    Or you can follow this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. You can use the same CSS code to all of your forms.

    Let us know if that works.

  • infookdesignby
    Replied on February 25, 2017 at 9:52 PM

    TU bro