How to align uniformly items in form?

How can I make the items on Candidate Agency Agreement line up and be uniform?

https://form.jotform.com/81551427984162

Thank you

To make labels to be uniform please insert css code into your form:

.form-input {

display: flex!important;

}

.form-label-left,

.form-label-right,

.form-label-left.form-label-auto,

.form-label-right.form-label-auto {

 width: 65px!important;

}

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Amazing thank you!
Regards,
*Placement Specialist*
t: +1(818) 839- <(323)%20963-4046>0 <(323)%20963-4046>*362*
jobs@angelesmannies.com




* AngelesMannies.com *
THIS EMAIL IS INTENDED ONLY FOR THE USE OF THE INDIVIDUAL OR COMPANY IT IS
ADDRESSED AND MAY CONTAIN INFORMATION THAT IS PRIVILEGED AND/OR
CONFIDENTIAL. IF THE READER OF THIS MESSAGE IS NOT THE INTENDED RECIPIENT,
YOU ARE HEREBY NOTIFIED THAT ANY DISSEMINATION, DISTRIBUTION OR COPYING OF
THIS COMMUNICATION IS STRICTLY PROHIBITED.
BY COMMUNICATING WITH ANGELES MANNIES VIA EMAIL, YOU AGREE TO RECEIVING
EMAILS FROM TIME TO TIME ABOUT UPCOMING PROMOTIONS AND NEWSLETTERS. IF YOU
DO NOT WISH TO RECEIVE SUCH COMMUNICATIONS, PLEASE UNSUBSCRIBE HERE
.
...

When I look at the form on my webpage, s
ome of the
lines are cut off, how do I fix this?
Regards,
*Placement Specialist*
t: +1(818) 839- <(323)%20963-4046>0 <(323)%20963-4046>*362*
jobs@angelesmannies.com




* AngelesMannies.com *
THIS EMAIL IS INTENDED ONLY FOR THE USE OF THE INDIVIDUAL OR COMPANY IT IS
ADDRESSED AND MAY CONTAIN INFORMATION THAT IS PRIVILEGED AND/OR
CONFIDENTIAL. IF THE READER OF THIS MESSAGE IS NOT THE INTENDED RECIPIENT,
YOU ARE HEREBY NOTIFIED THAT ANY DISSEMINATION, DISTRIBUTION OR COPYING OF
THIS COMMUNICATION IS STRICTLY PROHIBITED.
BY COMMUNICATING WITH ANGELES MANNIES VIA EMAIL, YOU AGREE TO RECEIVING
EMAILS FROM TIME TO TIME ABOUT UPCOMING PROMOTIONS AND NEWSLETTERS. IF YOU
DO NOT WISH TO RECEIVE SUCH COMMUNICATIONS, PLEASE UNSUBSCRIBE HERE
.
...

You can fix this problem by adding the following CSS code fragment to your form:

.form-radio-item label {

    overflow : visible;

}

 

The screencasts below show the broken version of your form and the fixed version of your form respectively. Notice that the new version rearranges the text according to the device resolution:

 

 

You can clone a fixed version of your form here:

https://form.jotform.com/82145852920962

 

Contact us if you need any assistance,

Thanks.

 

Related Guides:

https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

 

I added the CSS code here and it didn't help...
Regards,
*Placement Specialist*
t: +1(818) 839- <(323)%20963-4046>0 <(323)%20963-4046>*362*
jobs@angelesmannies.com




* AngelesMannies.com *
THIS EMAIL IS INTENDED ONLY FOR THE USE OF THE INDIVIDUAL OR COMPANY IT IS
ADDRESSED AND MAY CONTAIN INFORMATION THAT IS PRIVILEGED AND/OR
CONFIDENTIAL. IF THE READER OF THIS MESSAGE IS NOT THE INTENDED RECIPIENT,
YOU ARE HEREBY NOTIFIED THAT ANY DISSEMINATION, DISTRIBUTION OR COPYING OF
THIS COMMUNICATION IS STRICTLY PROHIBITED.
BY COMMUNICATING WITH ANGELES MANNIES VIA EMAIL, YOU AGREE TO RECEIVING
EMAILS FROM TIME TO TIME ABOUT UPCOMING PROMOTIONS AND NEWSLETTERS. IF YOU
DO NOT WISH TO RECEIVE SUCH COMMUNICATIONS, PLEASE UNSUBSCRIBE HERE
.
...

Please try the CSS code:

.form-input {

display: table-cell!important;

}

I tried that. Do I put this code immediately below the other code I have in
there?
Thank you.
Regards,
*Placement Specialist*
t: +1(818) 839- <(323)%20963-4046>0 <(323)%20963-4046>*362*
jobs@angelesmannies.com




* AngelesMannies.com *
THIS EMAIL IS INTENDED ONLY FOR THE USE OF THE INDIVIDUAL OR COMPANY IT IS
ADDRESSED AND MAY CONTAIN INFORMATION THAT IS PRIVILEGED AND/OR
CONFIDENTIAL. IF THE READER OF THIS MESSAGE IS NOT THE INTENDED RECIPIENT,
YOU ARE HEREBY NOTIFIED THAT ANY DISSEMINATION, DISTRIBUTION OR COPYING OF
THIS COMMUNICATION IS STRICTLY PROHIBITED.
BY COMMUNICATING WITH ANGELES MANNIES VIA EMAIL, YOU AGREE TO RECEIVING
EMAILS FROM TIME TO TIME ABOUT UPCOMING PROMOTIONS AND NEWSLETTERS. IF YOU
DO NOT WISH TO RECEIVE SUCH COMMUNICATIONS, PLEASE UNSUBSCRIBE HERE
.
...

Yes, it should be below the other CSS codes you injected in your form.

If you need any further assistance, please feel free to let us know and give us more details. Also, may we ask for the website where you embedded your form, please?

https://www.angelesmannies.com/candidate-agency-agreement/
I've added the code and it still looks the same on the site, please
helllllllp!
Regards,
*Placement Specialist*
t: +1(818) 839- <(323)%20963-4046>0 <(323)%20963-4046>*362*
jobs@angelesmannies.com




* AngelesMannies.com *
THIS EMAIL IS INTENDED ONLY FOR THE USE OF THE INDIVIDUAL OR COMPANY IT IS
ADDRESSED AND MAY CONTAIN INFORMATION THAT IS PRIVILEGED AND/OR
CONFIDENTIAL. IF THE READER OF THIS MESSAGE IS NOT THE INTENDED RECIPIENT,
YOU ARE HEREBY NOTIFIED THAT ANY DISSEMINATION, DISTRIBUTION OR COPYING OF
THIS COMMUNICATION IS STRICTLY PROHIBITED.
BY COMMUNICATING WITH ANGELES MANNIES VIA EMAIL, YOU AGREE TO RECEIVING
EMAILS FROM TIME TO TIME ABOUT UPCOMING PROMOTIONS AND NEWSLETTERS. IF YOU
DO NOT WISH TO RECEIVE SUCH COMMUNICATIONS, PLEASE UNSUBSCRIBE HERE
.
...

Thank you for updating us. Can you please try injecting the CSS codes below to your form after you have removed the other custom CSS codes that were previously injected?

li:nth-child(n+2):nth-child(-n+14) .form-label {

    width: 2% !important;

    padding-right: 10px !important;

}

li:nth-child(n+2):nth-child(-n+14) .form-input.jf-required {

    width: 97% !important;

    display: table-cell !important;

}

@media (max-width: 1000px) {

  .form-all {

    width: 100% !important;

  }

}

@media (max-width: 860px) {

.header-logo {

    display: block !important;

    text-align: center !important;

}

.header-text.httac.htvam {

    display: inline !important;

}

img.header-logo-left {

    max-width: 100%;

}

}

Here's a clone version of your form where I have applied the changes above — https://form.jotform.com/82165906535966

I hope this helps. If you have other questions or concerns, please feel free to contact us again anytime.

Better!!
Since you're working your magic, is there a way to make the text in line
and not overlap to radio button? Thank you,
Regards,
*Placement Specialist*
t: +1(818) 839- <(323)%20963-4046>0 <(323)%20963-4046>*362*
jobs@angelesmannies.com




* AngelesMannies.com *
THIS EMAIL IS INTENDED ONLY FOR THE USE OF THE INDIVIDUAL OR COMPANY IT IS
ADDRESSED AND MAY CONTAIN INFORMATION THAT IS PRIVILEGED AND/OR
CONFIDENTIAL. IF THE READER OF THIS MESSAGE IS NOT THE INTENDED RECIPIENT,
YOU ARE HEREBY NOTIFIED THAT ANY DISSEMINATION, DISTRIBUTION OR COPYING OF
THIS COMMUNICATION IS STRICTLY PROHIBITED.
BY COMMUNICATING WITH ANGELES MANNIES VIA EMAIL, YOU AGREE TO RECEIVING
EMAILS FROM TIME TO TIME ABOUT UPCOMING PROMOTIONS AND NEWSLETTERS. IF YOU
DO NOT WISH TO RECEIVE SUCH COMMUNICATIONS, PLEASE UNSUBSCRIBE HERE
.
...

The texts don't seem to overlap the radio buttons when I checked your form in your website and in your account:

Do you want to change the text alignment for not being aligned with radio buttons:

Yes if there was a way to do that it would be great!
Regards,
*Placement Specialist*
t: +1(818) 839- <(323)%20963-4046>0 <(323)%20963-4046>*362*
jobs@angelesmannies.com




* AngelesMannies.com *
THIS EMAIL IS INTENDED ONLY FOR THE USE OF THE INDIVIDUAL OR COMPANY IT IS
ADDRESSED AND MAY CONTAIN INFORMATION THAT IS PRIVILEGED AND/OR
CONFIDENTIAL. IF THE READER OF THIS MESSAGE IS NOT THE INTENDED RECIPIENT,
YOU ARE HEREBY NOTIFIED THAT ANY DISSEMINATION, DISTRIBUTION OR COPYING OF
THIS COMMUNICATION IS STRICTLY PROHIBITED.
BY COMMUNICATING WITH ANGELES MANNIES VIA EMAIL, YOU AGREE TO RECEIVING
EMAILS FROM TIME TO TIME ABOUT UPCOMING PROMOTIONS AND NEWSLETTERS. IF YOU
DO NOT WISH TO RECEIVE SUCH COMMUNICATIONS, PLEASE UNSUBSCRIBE HERE
.
...

Please try injecting the CSS codes below to your form.

li:nth-child(n+2):nth-child(-n+14) .form-radio-item label {

    left: 24px !important;

    position: relative !important;

    margin-left: -16px !important;

}

If you have other questions, please do not hesitate to let us know.

Great thanks!
Regards,
*Placement Specialist*
t: +1(818) 839- <(323)%20963-4046>0 <(323)%20963-4046>*362*
jobs@angelesmannies.com




* AngelesMannies.com *
THIS EMAIL IS INTENDED ONLY FOR THE USE OF THE INDIVIDUAL OR COMPANY IT IS
ADDRESSED AND MAY CONTAIN INFORMATION THAT IS PRIVILEGED AND/OR
CONFIDENTIAL. IF THE READER OF THIS MESSAGE IS NOT THE INTENDED RECIPIENT,
YOU ARE HEREBY NOTIFIED THAT ANY DISSEMINATION, DISTRIBUTION OR COPYING OF
THIS COMMUNICATION IS STRICTLY PROHIBITED.
BY COMMUNICATING WITH ANGELES MANNIES VIA EMAIL, YOU AGREE TO RECEIVING
EMAILS FROM TIME TO TIME ABOUT UPCOMING PROMOTIONS AND NEWSLETTERS. IF YOU
DO NOT WISH TO RECEIVE SUCH COMMUNICATIONS, PLEASE UNSUBSCRIBE HERE
.
...

Thank you for using JotForm.

We will happy to help you if you need further assistance.