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

  • Profile Image
    greenhousecoschool
    Asked on July 23, 2018 at 02: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.

     

    Screenshot
  • Profile Image
    Jed_C
    Answered on July 23, 2018 at 03: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.