What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How can I remove white space from about the "thank you" page?Asked by jrosenbergwork on May 28, 2015 at 03:37 PM
I have a form embedded in a WordPress.com post (so, not using the script approach, using the short code [embed] approach). I set up the CSS to remove extra padding from above and below the form and it works great.
I have a "thank you message" defined for the form that I have formatted using the rich text editor in JotForm. Everything looks good except when this page is presented embedded in my WordPress post, the padding above the "page" is back and it messes up my layout.
How can I removed that extra white space above the "thank you message?" Is there a CSS approach to this like there was for removing the white space above the form itself?
I suggest you to reduce some margin through CSS. I have cloned your form for this particular thread. Please feel free to clone this form. I used the following CSS Property for Table;
margin-top: -50px !important;
Let us know if you need further assistance on this we would be happy to help you.
Thanks for the quick response. How would you target that CSS to the thank you page? I put in the CSS needed to get the margin and padding right for the form itself but it doesn't affect the thank you page. What would the entire CSS entry look like? Or should this snippet go in the HTML for the table itself in the thank you message? I tried that and it didn't seem to work (or stay put -- any touch to the wysiwyg editor erased this addition.
Thanks for the additional information.
Please follow these steps to do this;
1) Click on "Thankyou" button from toolbar.
2) Select "Thank You message", and hit "Next".
3) Click on "HTML", to view the HTML Code for Thankyou Page.
4) Insert "margin-top: -50px !important;" to Tablet Tag.
You can control Top Margin from here. Let us know if it helps.
Thanks. Worked perfectly. Really appreciate the fast turn around.
Related question: the thank you message needs less space on the page than the form did. Is it possible to resize, so the text that follows the form / thank you message area doesn't seem to be pushed down so far?
Yes it is possible, you can resize your thankyou page, but to test this, we need website URL which you've embedded your form, plus; If you could attach a screenshot here, and let us know what exactly should be the width of thankyou page, that would be great. Let us know so that we can assist you accordingly.