How can I change Single Choice right alignment so that the question takes up most of the line, leaving the two choices (Yes & No) on the right?

It appears to be a matter of form field position, please check this guide: https://www.jotform.com/help/90-Form-Field-Positioning 

If you still need help, please let us know what the form and field in question is. You may share a screenshot of the field you are referring to: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum 

Thanks for your help.  The form is "Guest / Prepaid Visitor Agreement incl Pre-Exercise Screening Questionnaire".  We have a series of questions requiring a yes or no response.

I would like to have the "yes" and "no" responses showing right aligned.  But when i choose that the questions are all bunched up on the left of the page.  I would like the questions to take up say 80% of the page width, with the yes/no answers showing on the right of the question.

Please inject the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

#label_64,#label_17,#label_66,#label_67,#label_68,#label_69,#label_70{

    width: 550px !important;

}

.form-multiple-column .form-radio-item{

    width: 70px !important;

    min-width: 70px !Important;

}

.form-multiple-column{

    margin-left: 5px;

}

Result: https://form.jotformpro.com/72676769014971 

Thanks for that.

That is getting closer.  However the questions are not all left aligned.  And the second line of each question needs to be left aligned also please.

Please insert this CSS code to align the text labels to the left:

#label_64,#label_17,#label_66,#label_67,#label_68,#label_69,#label_70 {
text-align: left !important;
}

Here's the result:

Hope that helps. Thank you.

Hi again.  Sorry, I should have mentioned we use this form on an ipad.  When I view it on the ipad it is still wrapping the yes/no answers to the next line below the question.

Is there something else I need to do to make it render properly on the ipad?

Thanks

Richard

Instead of the 550px, use 75% in the CSS for labels:

#label_64, #label_17, #label_66, #label_67, #label_68, #label_69, #label_70, #label_73, #label_82 {

    width: 75% !important;

}

Let us know if that makes it. 

That worked, thank you.

I would also like to move the yes/no radio buttons at the bottom of this screenshot so that the yes/no answers appear just after the question.  Similar spacing to the yes/no answers after "Gender".

Could you help with this too please?

Thanks

The next CSS should fix the width of the radio button:

#label_82 {
width: auto !important;
}

Thank you.

Can we also align the first 4 questions below to the left?

Please add this CSS:

.form-label.form-label-right {
    text-align: left;
}

Thank you.

I would also like to left align the "I agree" below.  Can you please help with the too.

Try the next CSS:

#label_77 {
width: auto !important;
}

Thanks for that.  It moved the * to the left, but not the words "I agree":

Seems to be an issue with the last CSS provided by Mike. You inserted it incorrectly. You are missing a closing bracket.

It should read:

.form-label.form-label-right {
    text-align: left;
}
    #label_77 {
width: auto !important;
}

And you will see this:

Thank you.  My mistake.

The form looks great now.

Just wondering if you have a link to all the CSS code that we can use.

Kind regards

I checked your form and it looks great. 

You can find all the custom CSS code added to your form in the CSS tab of the Form Designer page. 

You can also open the Advanced CSS Editor and go to the CSS tab if you want to view or know more information about the custom CSS added to your form. 

I hope this information helps. If you have any questions, please contact us again.