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

  • Profile Image
    heartlandcollege
    Asked 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!

  • Profile Image
    guilledutra
    Answered 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
    heartlandcollege
    Answered 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
    Welvin
    Answered 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