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

    Need help with CSS positioning a field

    Asked by chrispp10 on January 17, 2016 at 12:20 AM

    Any css code I can use to fix this

    I tried in designer messing around with the margin and the padding

    But it caused more hard than good

    Just made a white clear box appear over the classes ?

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 17, 2016 at 12:21 AM

    Inject this CSS codes to your form, this should position that field on the right side.

    li#id_63 {

        width: 24%;

        margin-top: 4px;

        float: right;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste it at the bottom part)

    Result:

    Let us know should you need further help.

  • Profile Image

    Answered by chrispp10 on January 20, 2016 at 06:32 PM

    Thanks for that 

     

    Anyway to move it a little further down

    Can you tell me the code for moving left right up and down ?

    That would be helpful thanks 

  • Profile Image
    JotForm Support

    Answered by BJoanna on January 21, 2016 at 04:39 AM

    You can add CSS codes top, bottom, left right to move your fields. 

    I have cloned your form http://www.jotform.us/form/53517004923147 and added CSS code top:20px;  to fields with ID li#id_63,#id_64,#id_67,#id_68  to move them a little further down.

    Here is my cloned form where I added mentioned code: 

    https://form.jotform.com/60202512932948 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.