Need help with CSS positioning a field

  • Profile Image
    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 ?

  • Profile Image
    EltonCris
    Answered 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
    chrispp10
    Answered 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
    BJoanna
    Answered 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.