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 do I remove the gray border from a JotForm that I embeded into my Weebly site?

    Asked by adornedwithpolish on September 26, 2016 at 07:14 PM

    When I embed my form https://form.jotform.com/62695200624150 into my Weebly website, it has gray border around it. I get the same result whether I use the integrated JotForm app or copy and paste the iframe code. When I open it from a mobile browser the border is not there. I'd like there to not be a border in both the mobile and desktop view.

    Page URL:
    http://www.adornedwithpolish.com/test-embed.html

    box shadow form shadow remove shadow
  • Profile Image
    JotForm Support

    Answered by jonathan on September 26, 2016 at 11:06 PM

    I think you meant this shadow border on your form https://form.jotform.com/62695200624150

     

    Please add the CSS codes below on your form custom CSS codes

     

    .form-all {

    box-shadow: none !important;

    it will remove the box-shadow around the form.

    Let us know if you need further assistance.

  • Profile Image

    Answered by adornedwithpolish on September 26, 2016 at 11:41 PM

    Thank you for your reply. As you can see in the below picture, there is a light gray background that my form appears to be on top of. My website has a white background so this has to be something tied either to my JotForm or the embedding code to my form. I've embedded other things on my website and this has never come up before.

     

  • Profile Image

    Answered by adornedwithpolish on September 27, 2016 at 12:04 AM

    I found the following code and it solved my issue. Thanks for your help!

     

    body, html {

     

    background: transparent !important;

     

    }