How can I center my form ?

  • chrisjaeger
    Asked on January 17, 2018 at 1:13 PM

    Can you provide some guidance on how I can center the fields and boxes on the from at the bottom of this page. http://bookmoreweddings.com/diyseo-splash/


    I can't find it in the form designer, basic or advanced.


    Seems like it should be an easy-click setting.


    Thanks.


    Chris






    Jotform Thread 1352452 Screenshot
  • Marvih
    Replied on January 17, 2018 at 1:36 PM

    It seems you have found the solution by your self. Upon checking the link you shared and the direct link of the Form embedded, I was able to see it correctly centered already.

    How can I center my form ? Image 10

    Direct Form URL.

    How can I center my form ? Image 21


    Please let us know if this is still not resolved.

    Thanks.

  • chrisjaeger
    Replied on January 17, 2018 at 1:40 PM

    Sorry, I wasn't clear enough.


    I'd like the form fields and the labels on to of the form fields to be centered.


    This is left aligned, right?


  • Marvih
    Replied on January 17, 2018 at 2:01 PM

    Yes, the quickest way to center this would be inserting this custom CSS code into your Form designer's CSS field. https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-label.form-label-auto {

            text-align: center !important;

    }

    How can I center my form ? Image 10

    Hope that helps.

  • chrisjaeger
    Replied on January 17, 2018 at 2:07 PM

    Cool. Almost. Now what about the fields?


    15162160312018 01 17 14 06 45 Screenshot 10

  • Marvih
    Replied on January 17, 2018 at 2:37 PM

    You can manually increase the text-box to match with the others.

    How can I center my form ? Image 10

    Then use this code to center align all fields.

    .form-label.form-label-auto, .form-all {

        

        text-align: center !important;

    }

    Here is the sample form I cloned from you https://form.jotform.com/80165019344957

  • chrisjaeger
    Replied on January 17, 2018 at 2:55 PM

    Thank you for your help. I have this like I want it now. I noticed when you choose the email field it doesn't let you set a width. So I made it a text field with the label "email" and it let me set the width for it. ???

  • Marvih
    Replied on January 17, 2018 at 3:08 PM

    The Email field width can still be found in the options tab. But it is on the bottom part.

    How can I center my form ? Image 10


    We also suggest to using that field rather than the Short Text Entry.


    Thanks.