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

    Clearly mark button as CENTERED in Designer, but displays left-aligned on browsers

    Asked by Masalamedia on August 30, 2015 at 07:14 PM

    The Designer shows the button as centered, but no browser actually displays it as centered. :-( Why does the Designer tool show this element incorrectly?

    Page URL:
    http://form.jotformpro.com/form/51885054009961?

    Screenshot
    designer left in centered
  • Profile Image

    Answered by Sammy on August 31, 2015 at 07:33 AM

    Kindly add the following CSS block to the CSS tab section of your designer, add it a t the bottom of the editor

    .form-submit-button {
        margin-left:auto !important;
        margin-right:auto !important;
        display:auto !important;
    }

  • Profile Image

    Answered by Masalamedia on August 31, 2015 at 08:54 PM

    OK. But why does the CENTER tool in Designer not do this? Why do I have to add more CSS when the Deisgner is supposed to handle this task?

  • Profile Image

    (Private)

    Answered by Sammy on September 01, 2015 at 03:36 AM

    There was a section of CSS for the button that was overriding the default placement for centering the button using the designer tool, this usually happens if you applied a theme to the form and additional positioning styles were added.

    That's why the snippet that was provided above contained the tag !important to prevent the placement from being overridden back to the default positioning.

    In your case the block that was affecting the positing was on line 191 in the CSS