The Other option in checkbox field needs to be aligned

I injected the code below but it's not aligned on my webpage. Please provide a solution. Thanks.

#other_21 {
    display : none;
}
#input_21 {
    margin-left : -5px !important;
    width : 100% !important;
}
#cid_21 div.form-single-column {
    width : 100% !important;
}

Can you please use this CSS Code instead.

#input_21 {

    margin-left: 7px !important;

    width: 80% !important;

    margin-top: -5px !important;

}

span.form-radio-item{

    padding-bottom: 9px !important;

}

Please check this link on how to inject CSS code on the form.

Let us know if you have any other question. 

It's not working. It's still not aligned correctly.

http://www.managemyopia.org/

I am sorry I didn't mention this. When you make changes to your form this includes adding Custom CSS to your form.

You have to generate the embedded code and put it on your website. You have to do this anytime you make changes to your form.

Please let us know if you have any other question.

It's slightly better but it's still not perfect.

1. Can the other form field be aligned on the left under the radio button?

2. Or can it be aligned under the tect "Ophthalmologist (MD"?

There is an error in your CSS code (one of the comments is not set correctly).

Once you fix this error inside of the Advanced Designer your issue will be resolved. 

I here is my cloned form: https://form.jotform.com/80214857846969 

Feel free to test it and clone it. 

Hope this helps to solve the issue.

OK thanks for the support. It's still not solving the issue. The alignment is not perfect.

I've fixed it for you. Please check again.

Looks great! Can you tell me what you did so I can replicate it for other forms? Thank you.

I have copy/pasted the following CSS codes to your form's Custom CSS area:

#input_21 {

    margin-left: 7px !important;

    width: 80% !important;

    margin-top: -5px !important;

}

span.form-radio-item {

    padding-bottom: 9px !important;

}

It's my colleague's CSS. I think you just failed to save the changes. 

Here's how to check the Custom CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

Note, the field ID (input_21) is not always the same. You should find it in the field properties. 

https://www.jotform.com/help/146-How-to-find-Field-IDs-Names 

 Thank you.