How to remove the box shadow of a form?

  • Profile Image
    igenmedia
    Asked on April 21, 2016 at 06: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!

  • Profile Image
    Kevin_G
    Answered on April 21, 2016 at 06: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. 

  • Profile Image
    igenmedia
    Answered on April 21, 2016 at 06:35 PM

    That worked!

  • Profile Image
    Kevin_G
    Answered on April 21, 2016 at 07:08 PM

    Good to know it worked. 

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