How can I move the header closer to the copy?

  • Profile Image
    Asked on October 17, 2016 at 01:51 PM

    Am new to using the program, and need to know how to make this page look better by moving the header closer to the form. Please help. Thanks!

  • Profile Image
    Answered on October 17, 2016 at 02:18 PM



    The blank space may have been caused by the height of the form headers. In that case, you can solve this problem by following the steps below.

    First click on Setup&Embed segment, then click on the Design button. Double click on the header area where the picture is on. On the right hand side of the page there is a "Vertical Padding" option that helps to shrink the height. 

    If this doesn't work, you can inject CSS codes.

    Here is a guide showing how to do it:

    You can inject these codes:


    .form-header {

        padding-top: 100px !important; 

        padding-bottom: 100px !important;

    To reduce the space in the header you can alter the numbers in the above codes.



    I hope it helps. 

  • Profile Image
    Answered on October 17, 2016 at 03:03 PM

    I checked your form and did not see an image currently.  The process to adjust the spacing described above should be correct for headers, however, if you would like to change only a single headers' spacing, we can help with that as well.  Let us know when the image is added back to the form if the spacing still needs to be adjusted and we will be happy to have another look.