Looking for CSS to reduce the space on top of the jotform

  • jim44
    Asked on February 2, 2015 at 12:33 AM

    Hi, I am trying to reduce the blank area at the top of my form, BOOk a Free Discovey session...I injected a piece of CSS that I found on the HELP forums but it didnt make any difference. I would like to reduce to around 10px if possible or even zero. 10px would be fine. Can you please help? Thank you. Jim

    Page URL: http://www.twopugsdesign/contact.html
  • Ben
    Replied on February 2, 2015 at 9:13 AM

    You would need to add this CSS to your jotform:

    div.form-all, form-all ul:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    Even then, the spacing is a bit bigger because of the space between the letters and the iframe element, so I would suggest using the iframe embed method that would allow us to add a bit of the CSS code to the iframe itself so that it goes a bit more to the top.