How can I align this two fields?

  • Profile Image
    thespanishfactory
    Asked 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
    Welvin
    Answered 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
    thespanishfactory
    Answered on November 20, 2013 at 08:59 AM

    It does not work, reason why I make this post

  • Profile Image
    thespanishfactory
    Answered on November 20, 2013 at 09:03 AM

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

  • Profile Image
    jonathan
    Answered 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
    thespanishfactory
    Answered 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
    thespanishfactory
    Answered 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
    jonathan
    Answered 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
    thespanishfactory
    Answered 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
    jonathan
    Answered 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
    thespanishfactory
    Answered 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
    thespanishfactory
    Answered on November 20, 2013 at 10:08 AM

    ok i think i got it! :) Thank you

  • Profile Image
    EliezerN
    Answered 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
    thespanishfactory
    Answered 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
    Welvin
    Answered 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
    thespanishfactory
    Answered on November 20, 2013 at 12:22 PM

    Thank you, it worked!!!