Centering image in header section.

  • capconnect
    Asked on February 1, 2017 at 5:08 PM

    Hi, I have managed to insert an image but I can only see an iption to have it aligned left or right but not centre.  how can I have it aligned centre please. 

  • Chriistian Jotform Support
    Replied on February 1, 2017 at 6:16 PM

    Hi,

    I just assumed you are referring to this form http://www.jotformeu.com/form/60524091894358.

    The space on the left of your image in the header is supposed to be an area for header text.

    Centering image in header section Screenshot 20

     

    However, if you want your image to occupy the whole block and be center aligned, you can inject the following CSS to your form.

     

    .form-header-group.hasImage>.header-text {

        display: none;

    }

     

    .form-header-group.hasImage>.header-logo {

        display: block;

    }

     

    Let us know how it goes.

     

    P.S. If you are referring to a different form, please point us to the correct URL so we can check further.

     

    Regards.

  • capconnect
    Replied on February 1, 2017 at 6:45 PM
    Hi,
    https://form.jotformeu.com/60524091894358
    have inserted the CSS but still left aligned and won’t centre on page
    ...
  • Chriistian Jotform Support
    Replied on February 1, 2017 at 8:44 PM

    Please inject the CSS code below instead. This should align the image to the center.

    img.header-logo-right {

        margin: auto;

        display: block;

    }

    Centering image in header section Screenshot 20

    If you need further assistance, please let us know.
    Regards.