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 align this two fields?

    Asked by thespanishfactory on November 20, 2013 at 08:44 AM

    I need to align this 2 fields for my new payment centre

    http://form.jotformpro.com/form/33226631640952

    Thank you team

     

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Welvin on November 20, 2013 at 08:57 AM

    Hi,

    You can use our Field Positioning function. Please refer to this guide: Form Field Positioning. Let us know if you need further assistance.

    Thanks

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 08:59 AM

    It does not work, reason why I make this post

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 09:03 AM

    The second field, which is a patment by paypal, has a hidden field..

  • Profile Image
    JotForm Support

    Answered by jonathan on November 20, 2013 at 09:09 AM

    @thespanishfactory

    Hi,

    Please try this CSS code

     

    .form-html{margin-top:-45px;}

     

    here is my sample form http://form.jotform.me/form/33234112872447?

    You can adjust the px height also to what you need.

     

     

    my colleague Welvin must be referring to the improper embedded paypal form in the HTML field, but I do understand that that is not what your question is about.

    Inform us if there is more we can assist you with.

     

    Thanks.

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 09:14 AM

    Thank you for your email

    Well, you changed all the style of the form now, my form style it is other!

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 09:19 AM

    This is the form http://form.jotformpro.com/form/33226631640952 

    Where do i need to inject that code .form-html{margin-top:-45px;} ?

    Because this is a multi-form with free html inserted?

    Thanks!! 

  • Profile Image
    JotForm Support

    Answered by jonathan on November 20, 2013 at 09:25 AM

    Hi,

    I added it myself into your form http://www.jotformpro.com/form/33226631640952

    You may check.

     

    I suggest you also review this guide How-to-Inject-Custom-CSS-Codes

     

    Thanks.

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 09:29 AM

    Hi there, when i said where do i need to inject the code I do not mean how, I know how, what is said is in what form? They are two difrent forms.


     It is still not align for me! http://www.jotformpro.com/form/33226631640952

  • Profile Image
    JotForm Support

    Answered by jonathan on November 20, 2013 at 09:36 AM

    Hi,

    I injected it on this form http://www.jotformpro.com/form/33226631640952 - TEST 1 form.

    The alignment is probably changing because the other form 1-2-1 Avenue http://www.jotformpro.com/form/33225928794970  is being modified also.

    I suggest you try not to modify the any of the form at the moment.. then check the injected CSS code, then test the form.

    Right now I also noticed that it is not aligned. The 2nd form have dip down a bit.

    Try adjusting the CSS code make it

    .form-html{margin-top:-50px;}

     

    Inform us if you need further assistance.

    Thanks.

     

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 09:42 AM

    Hi, thank you for your help.

    It is not clear for me what do you want me to do, i inject that code or i wait you change the forms? 

    Regards 

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 10:08 AM

    ok i think i got it! :) Thank you

  • Profile Image

    Answered by EliezerN on November 20, 2013 at 10:08 AM

    Thanks for contacting us.

    I inserted the next code to your form http://www.jotform.com/form/33226631640952:

    .form-html{margin-top:-54px !important;}

    Please check it and let us know if you still need further assistance.

    Thanks

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 11:23 AM

    Thank you so!

    Actyalt I have a miniquestion about those form.  I would like to make them more closer, what code we do i need to inject? .form-html{margin-right:10px !important;}

  • Profile Image
    JotForm Support

    Answered by Welvin on November 20, 2013 at 12:15 PM

    The codes should be:

    #text_10 {

    margin-left: -23px;

    }

    I use the ID "text_10" so the codes will only change the current free text HTML field. The class "form-html", represents the entire form Free Text HTML field. This isn't adviseable if you will add another free text fields.

    Change -23 to your own value if needed.

    Thanks

  • Profile Image

    Answered by thespanishfactory on November 20, 2013 at 12:22 PM

    Thank you, it worked!!!