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

    The New Designer Is Buggy: How can I center form?

    Asked by bansley on April 09, 2015 at 02:17 AM

    I have a form on our site: http://www.mystifiedbysocialmedia.ca/contact-us/ 

    The color of the submit button will not change and the form is right aligned but in the preview it is centered. How can I have it so the form is center on my site?

    The new designer is quite buggy and it makes it harder to build forms now. We might eliminate Jotform and go with Contact Form 7 it seems to be a better choice lately.

     

    Brad

    Page URL:
    http://www.mystifiedbysocialmedia.ca/contact-us/

    Screenshot
    center form designer contact form build forms JotForm preview
  • Profile Image

    Answered by Syed on April 09, 2015 at 10:13 AM

    Hi Brad;

            Please inject the following CSS Code Block to align your form center. Please review the following screenshot.

    Will let us know, if you have further questions/queries, we would be happy to assist you in any way.

     

    Thankyou,

    - Syed

  • Profile Image

    Answered by Shadae on April 09, 2015 at 10:29 AM

    Hi Brad,

    I do apologize that your form is not layout out as desired. As mentioned by my colleague this can be adjusted by injecting CSS code in your form.

    Please inject the code below:

    .form-all {

        margin-right : 400px !important;

    }

    .form-submit-button {

        background-color : #16718e !important;

    }

    You can make a change to the background color to get our desired results.

    Please inform us if you need further assistance.

  • Profile Image

    Answered by Shadae on April 09, 2015 at 10:32 AM

    Here is a guide on how to inject CSS code into your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Thank you.

  • Profile Image

    Answered by bansley on April 10, 2015 at 02:06 AM

    Adding that CSS breaks the responsiveness on portrait view Android. The margin makes the form go right off the screen.

    Brad

  • Profile Image

    Answered by Syed on April 10, 2015 at 09:00 AM

    Hi Brad;

            Sorry for late reply, please remove previous code for Margin, and add this code block please, it would work;

    .form-all { margin: auto !important; }

     

    Please will let us know, if you still having issues on this, we would be happy to assist you further :)

     

    Thankyou,

    - Syed

  • Profile Image

    Answered by bansley on April 10, 2015 at 12:00 PM

    Thanks that works! I appreciate the help.

     

    Brad

  • Profile Image

    Answered by Syed on April 10, 2015 at 01:23 PM

    You're welcome Brad! Will shout us anytime if you have further questions.

     

    Kind Regards,

    - Syed