How do I remove the gray border from a JotForm that I embeded into my Weebly site?

  • charonjames
    Asked on September 26, 2016 at 7: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.

  • jonathan
    Replied on September 26, 2016 at 11:06 PM

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

    How do I remove the gray border from a JotForm that I embeded into my Weebly site? Image 1 Screenshot 30

     

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

     

    .form-all {

    box-shadow: none !important;

    How do I remove the gray border from a JotForm that I embeded into my Weebly site? Image 2 Screenshot 41

    it will remove the box-shadow around the form.

    Let us know if you need further assistance.

  • charonjames
    Replied 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.

     

    How do I remove the gray border from a JotForm that I embeded into my Weebly site? Image 1 Screenshot 20

  • charonjames
    Replied 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;

     

    }