How do I suppress the JotForm page border and background when embedding in SquareSpace?

  • greenhousecoschool
    Asked on July 23, 2018 at 2:19 PM

    We embed a number of JotForms forms in our SquareSpace website using the code generated by Publish > Platforms > SquareSpace.  Each time, we end up with a white border and a ghosted top edge and bottom edge of the form. Is there any way to make the embedded form look seamless with the page?

    Screen shot shows (1) left-hand border space added, and (2) top and bottom drop shadows of form. These are what are we trying to get rid of.

     

    Jotform Thread 1532502 Screenshot
  • Jed_C
    Replied on July 23, 2018 at 3:46 PM

    Please inject the CSS code below to fix the padding left and the box shadow at the bottom of your embedded form.

    div.form-all{

      box-shadow: none !important;

    }

    .form-line {

      padding-left: 0px;

    }

    Let us know if you have any questions or if you need further assistance.