How can I better align my dropdown elements?

Hi - I have two columns of three dropdown elements in my scorecard form (one for each player).  As shown on the screenshot, I cannot get the player 2 dropdowns to move closer to the player 1 dropdowns.  They should be vertically aligned with the 'Player 2 TOTAL' element but it looks like they are shifted to the right.  How can this be fixed?

Thanks!

I found a possible solution to your problem, here is how i went about it.

I injected the following custom CSS code to your form 

That is:

.form-readonly.form-number-input.form-textbox {

    margin-right: 107px;

}

Below is a working example of the form.

https://form.myjotform.com/83251618938566

I hope this helps.

To achieve that, please inject this custom CSS code to your form.

#id_20.form-line.form-line-column {

    margin-right: -110px;

}

#id_18.form-line.form-line-column {

    margin-right: -110px;

}

#id_22.form-line.form-line-column {

    margin-right: -110px;

}

Here's a guide How to Inject Custom CSS Codes.

Result screenshot :


Please give it a try and let us know if you need any further assistance.

Thanks, perfect!