How to align header image on form?

  • utsportsmedicine
    Asked on April 7, 2015 at 11:39 AM
    Lastly, we added text with an image as headers for these forms. The image will not stay center aligned. Is there a way for us to set this up to stay center aligned instead of left aligned?
  • Charlie
    Replied on April 7, 2015 at 12:19 PM

    Hi,

    Are you still having problems with the alignment of your images in the header?

    Upon checking your two forms, I see that they are now aligned in center?

    How to align header image on form? Image 1 Screenshot 30

     

    How to align header image on form? Image 2 Screenshot 41

     

    If you are still having problems on this please do let us know and we'll try our best to help.

    Kind regards.

  • utsportsmedicine
    Replied on April 8, 2015 at 8:40 AM

    It is not correct on most of the forms.

     

    http://www.jotform.us/form/41424250356144

  • BJoanna
    Replied on April 8, 2015 at 12:31 PM

    You can move image to center by Injecting Custom CSS. To do that inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-html img {

        padding-left: 260px;

    }

    How to align header image on form? Image 1 Screenshot 30

    After adding this code your form should look like this.

    How to align header image on form? Image 2 Screenshot 41 

    Hope this will help. Let us know if you need further assistance.