JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
How to remove the box shadow of a form?Asked by igenmedia on April 21, 2016 at 06:06 PM
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.
This should be possible by injecting this CSS code:
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:
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.
Good to know it worked.
Do let us know if you need more help, we will be glad to assist you.