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

  • Profile Image
    adornedwithpolish
    Asked 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.

  • Profile Image
    jonathan
    Answered 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
    adornedwithpolish
    Answered 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
    adornedwithpolish
    Answered 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;

     

    }