How can I remove white space from about the "thank you" page?

  • Profile Image
    jrosenbergwork
    Asked 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?

    Thanks.

    Jim

  • Profile Image
    Syed
    Answered on May 28, 2015 at 03:50 PM

    Dear Jim;

              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.

     

    Thankyou,

  • Profile Image
    jrosenbergwork
    Answered on May 28, 2015 at 04:10 PM

    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.

    Jim 

  • Profile Image
    Syed
    Answered on May 28, 2015 at 04:31 PM

    Dear Jim;

              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.

     

    Thankyou,

  • Profile Image
    jrosenbergwork
    Answered on May 28, 2015 at 05:21 PM

    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?

    Jim

  • Profile Image
    Syed
    Answered on May 28, 2015 at 05:30 PM

    Dear Jim;

             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.

    Thankyou,