How to remove the box shadow of a form?

  • igenmedia
    Asked on April 21, 2016 at 6:06 PM

    Hello,

    I am creating a basic form with a default theme. However, when I apply it to the page there is a shadowed boarder that appears. I would like the form to be flat and blend in with the page. 

    I have done this before on other forms, but it looks like you changed functionality again and the old way in which I knew to fix this, switching the theme to default again, is not applicable. 

    Can you tell me how to remove the shadowed background from the form? I have tried injecting no background css but it does not work. 

    thanks!

  • Kevin Support Team Lead
    Replied on April 21, 2016 at 6:31 PM

    This should  be possible by injecting this CSS code: 

    .supernova .form-all{

        box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;    

    }

    Seems like the border color has been removed; however, the box shadow effect is shown and this is why it can be removed if you remove the border color. 

    This guide will help you to inject the code in your form: 

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    After applying this code you will need to re-embed your form in order to see the changes applied to your form in your webpage. 

    Do let us know if it worked as you need. 

  • igenmedia
    Replied on April 21, 2016 at 6:35 PM

    That worked!

  • Kevin Support Team Lead
    Replied on April 21, 2016 at 7:08 PM

    Good to know it worked. 

    Do let  us know if you need more help, we will be glad to assist you.