How can i make the form fill the block in Squarespace?

  • Catteralls
    Asked on May 10, 2017 at 5:28 PM

    Hi,

    Ive been looking through various posts but i cant seem to find how to get the form to fill the block in Squarespace?  The width is set to 100% but as you can see at www.travelcatteralls.co.uk/swimming the form still seems to have padding around it.  I've tried to use the inject css to remove the padding as i saw on another post but it didnt seem to make any difference so it could be i was trying to add it in the wrong place.  I also tried changing the iframe background to white (instead of the grey colour) so that the padding would match the white background of the page and it wouldnt matter but that didnt work either.

    Any help would be much appreciated

    Many Thanks

    Mat

  • jonathan
    Replied on May 10, 2017 at 11:24 PM

    Mat,

    The form I see on the URL you provided http://www.travelcatteralls.co.uk/swimmings doesn't seem to be a JotForm form.

    How can i make the form fill the block in Squarespace? Image 1 Screenshot 20

     

    Please share to us the exact URL of the page were we can review the form used. We will take a look once we identify the correct form.

    Thanks.

     

     

     

  • Catteralls
    Replied on May 11, 2017 at 4:06 AM

    Apologies, should have been .co.uk/swimming not .co.uk/swimmings.  Have edited the link now

  • Nik_C
    Replied on May 11, 2017 at 4:48 AM

    Please add the below CSS code to the Custom CSS code of your form:

    .supernova {
        background-color: white!important;
    }
     
    That will make the gray border disappear.
    How can i make the form fill the block in Squarespace? Image 1 Screenshot 20
     
    Let us know if you have any further questions.
     
    Thank you!
  • Catteralls
    Replied on May 11, 2017 at 4:51 AM

    Great Stuff, sorted.  

    Many Thanks