What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to remove the box shadow of a form?

    Asked by igenmedia 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!

    Page URL:
    http://insidershowhomes.com/blog-test-form

    remove border default theme how background css does not work thanks hello
  • Profile Image
    JotForm Support

    Answered by Kevin_G 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

    Answered by igenmedia on April 21, 2016 at 06:35 PM

    That worked!

  • Profile Image
    JotForm Support

    Answered by Kevin_G 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.