Need help on shrink field

  • stormingrobots
    Asked on February 2, 2017 at 10:29 AM

     

    https://www.jotform.com/?formID=70208611384148#design

    The "Referred by" field and the Have Sibling" fields always in a different line.  I have modified the width for both fields. Move field up and down... merge , etc.   did not work. Please help.

    Need help on shrink field Image 1 Screenshot 20

     

  • BJoanna
    Replied on February 2, 2017 at 11:40 AM

    I have inspected your from and there is lot of Custom CSS codes and mostly likely some of the codes you have added are affecting on your fields and preventing them to be in same line.

    Add this CSS code to move the "Referred by" field to new line

    li#id_159 {

        padding-bottom : 20px!important;

    }

    Then add this CSS code to increase the width of same field:

    #id_160 {

        width : 330px!important;

     

    }

    Need help on shrink field Image 1 Screenshot 20

     

    Demo form: https://form.jotform.com/70324252243950 

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