closing gaps between text boxes, drop downs and check boxes

  • Freyer
    Asked on June 5, 2014 at 7:37 PM

    How do I close the gaps between boxes and drop downs?  

     

    For instance i Have dropdown A  And box B

     

    Currently they are like this A       B

     

    I want to mak them like this A B

     

    Thanks, 

    Pat

  • bob
    Replied on June 5, 2014 at 11:19 PM

    You can do it simply by adding a custom css code to your form.

    Just find out the css class of textbox field by inspecting element.

    closing gaps between text boxes, drop downs and check boxes Image 1 Screenshot 40

    Then inject the code below to move the textbox field left to get close with the Dropdown field. Adjust the negative value of margin-left property according to your requirement:

    .form-textbox{margin-left:-45px}

    Before Injecting CSS:

    closing gaps between text boxes, drop downs and check boxes Image 2 Screenshot 51

    After Injecting CSS:

    closing gaps between text boxes, drop downs and check boxes Image 3 Screenshot 62

    Please get back to us with updates about your query.

    Thank You.