alignment of fields

  • DerekMurrell
    Asked on February 28, 2018 at 7:40 AM

    Hi,


    I really need some help with fields not aligning properly. I have copied a form and want to alter a couple of the fields. However, I have tried to do this even keeping dropdpowns in the same place and just editing the wording it when i preview the form it all becomes unaligned. 


    Please can you help?

    Jotform Thread 1399782 Screenshot
  • gizem
    Replied on February 28, 2018 at 11:27 AM

    You can change your form's appearance from our Advanced CSS Editor.

    1- Change your dropdown width as 330px.

    1519834567Screen Shot 2018 02 28 at 7 Screenshot 10

    2- Change your textbox width as 650px.

    1519834607Screen Shot 2018 02 28 at 7 Screenshot 21

    3- Then, add this custom CSS code to your form as seen below:

    .form-label-top {

      margin-bottom: 0;

    }

    1519834739Screen Shot 2018 02 28 at 7 Screenshot 32

    Finally, your form should look like this:

    1519834785Screen Shot 2018 02 28 at 7 Screenshot 43

    By the way, I have deleted your current custom CSS code from my clone form while I am applying these steps.

    I hope it helps.

    If you have any further questions, let us know.