Need help with CSS positioning a field

  • chrispp10
    Asked 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 ?

  • Elton Support Team Lead
    Replied 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:

    Need help with CSS positioning a field Image 1 Screenshot 20

    Let us know should you need further help.

  • chrispp10
    Replied on January 20, 2016 at 6: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 

  • BJoanna
    Replied on January 21, 2016 at 4: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.

    Need help with CSS positioning a field Image 1 Screenshot 30

    Need help with CSS positioning a field Image 2 Screenshot 41

    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.