How can i center my text area and button

  • Profile Image
    iamcocoablog
    Asked 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;} }

  • Profile Image
    fxr
    Answered 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
    iamcocoablog
    Answered 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
    fxr
    Answered 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