What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to center a header along with a logo to a form?

    Asked by heartlandcollege on July 19, 2013 at 04:34 PM

    I am new to using CSS (and new to jotform) to customize my form. I can't figure out what CSS codes to use to make the adjustments I am wanting. Is there a database or something that I could use to help me instead of just trying to search the forum to see if someone else had the same need?

     

    I am wanting to change the Header for my Page Title to center it only, not all of the Headers in the form. I have tried so many different things, but nothing has worked.

     

    I also want my logo at the top centered.

     

    And, I am wanting to make some of the fields closer together so that there is no black space between the specified fields. Is this possible?

     

    Thank you for your help!

    Page URL:
    http://form.jotform.us/form/31966894188171

    JotForm different CSS codes
  • Profile Image
    JotForm Support

    Answered by guilledutra on July 19, 2013 at 04:52 PM

    Hi! do you need to center the image inside the first header? or the Titles fields?

    Thanks!

  • Profile Image

    Answered by heartlandcollege on July 19, 2013 at 05:06 PM

    I need to center the logo image in the first field, and the "Application for Admission" in the Title field.

  • Profile Image
    JotForm Support

    Answered by Welvin on July 19, 2013 at 05:49 PM

    Hi,

    You can center the Logo in our form builder without any CSS, click the Image Field > Find and Click "Align" button > Choose "Center":

     

    CSS to center the first header:

    #header_45 { margin-left: 175px; }

    Guide on how to inject this CSS codes to the form: How to Inject Custom CSS Codes

    -------

    And, I am wanting to make some of the fields closer together so that there is no black space between the specified fields. Is this possible?

    -You can follow this guide: How To Reduce Vertical Spacing Between Fields

     

    Thanks