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 can i center my text area and button

    Asked by iamcocoablog on August 24, 2012 at 02:04 AM

    hello... my form is 1500 width... i would like to center the text area and submit button to be in the center of the form instead of having it all the way over at the left.  please advise me on how to accomplish this.  

    here is a link to a website of how i would like my form to look http://marieforleo.com  

     

    I have attached a picture of how it looks now.... the current code i'm using is below. thank you in advance for your help. 

     

    .form-textbox{width: 180px;height: 22px;}.form-line{padding: 3px;}.form-line {padding-top: 0px;padding-bottom: 0px;}.form-all {padding-top: 0px;}#label_6, #label_9{display:none !important;}#id_10{margin-top: -3px !important;}::-webkit-input-placeholder {color: black !important;}:-moz-placeholder {color: black !important;}/*--for IE10 support--*/:-ms-input-placeholder {color: black !important;} }

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

    Screenshot
  • Profile Image

    Answered by fxr on August 24, 2012 at 05:19 AM

    There is probably a few valid ways to do this, but one is experimenting with setting the width of the .form-all class.

    You can try:

    .form-all{width:33% !important;}

     

  • Profile Image

    Answered by iamcocoablog on August 25, 2012 at 10:27 PM

    thank you for responding... unfortunately your answer doesnt apply to my question.  the code you sent me adjust the width... i dont want to resize the width... i would like the width to remain the same and i would like the text input boxes and submit button to move over to the center of the 1500... here is a example of the exact look im trying to achieve http://marieforleo.com   thanks in advance for your help

  • Profile Image

    Answered by fxr on August 26, 2012 at 02:45 AM

    That CSS doesnt affect the width of your form. It will centre the elements on your form.

    Have you tried it?

    This is a clone of your form with that rule added.

    http://form.jotformeu.com/form/22381164489358