Can someone advise how I can center the logo in the heading?

  • Ketzie
    Asked on December 2, 2016 at 6:37 PM

    and reduce the wasted space above the heading?

     

    Thanks,

     

    Ketzie

  • jonathan
    Replied on December 2, 2016 at 10:13 PM

    Perhaps you may want to just use your header image as the cover image instead.

    Can someone advise how I can center the logo in the heading? Image 1 Screenshot 40

     

    and then add this CSS Codes on your form https://www.jotformeu.com/form/63364619315357

     

    .form-all{

    margin-top : -50px;

    }

    .form-all:before {

        top: 0px;

    }

    .form-section {

        padding: 80px 0px 0px 0px;

    }

    Can someone advise how I can center the logo in the heading? Image 2 Screenshot 51

     

    --

    Here is my version of the form https://www.jotform.com/63368668579983

    Can someone advise how I can center the logo in the heading? Image 3 Screenshot 62

     

    Hope this help. Let us know if this will not work for you.

    Thanks.

     

  • Ketzie
    Replied on December 3, 2016 at 4:26 PM

    Great. Thanks very much.

    Regards,

    Ketzie

  • Ketzie
    Replied on December 4, 2016 at 6:53 AM

    Ketzie again.

     

    When I make the modifications you suggest, all is well in the Design mode, and the preview is correct, however, when I go back to the Form Designer, The logo doesn't show.

    What am I missing?

    Many thanks.

     

  • Jan
    Replied on December 4, 2016 at 8:32 AM

    Are you referring to the Form Builder or to the Form Designer? In the Form Designer, the form cover is showing properly.

    Can someone advise how I can center the logo in the heading? Image 1 Screenshot 30

    Please take note that it is normal for the form cover to not show up in the Form Builder.

    Can someone advise how I can center the logo in the heading? Image 2 Screenshot 41

    The final output of the form will be in the Form Designer or in the Live mode.

    Hope that helps. Thank you.

  • Ketzie
    Replied on December 4, 2016 at 2:23 PM

    Yes, my problem was with the Form Builder. I'll continue building the form and assume that the image logo will be as it is in the Form Designer and Live Mode.

    Thanks,

     

    Ketzie

     

  • jonathan
    Replied on December 4, 2016 at 2:38 PM

    Hi Ketzie,

    Yes this how the Form Builder work. The form cover logo/image will not be seen in the Form Builder but can be on the advance Form Designer and when in preview/live mode.

    Let us know if there is more we can help you with.

    Regards