-
RFOneVisionAsked on April 1, 2018 at 8:28 AM
I would like the various single-choice fields on this form to all be lined up similarly on one line each, with radio-button and text equally spaced. Is this possible?
I would also like to centre the last line rather than have it left-justified.
Thanks,
David
Page URL: https://form.jotform.co/80903576261862 -
Elton Support Team LeadReplied on April 1, 2018 at 11:37 AM
Inject this CSS codes to your form to align the radio button label in the same line of its button.
[data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide {
max-width: 480px;
}
.form-radio-item label, .form-checkbox-item label {
margin-left: 2px;
}
div#text_54 p {
text-align: center;
}
Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
After that, find this in the injected CSS codes in your form and remove it. This code breaks the layout of the first radio button field.
#id_75 input, #id_77 input, #id_78 input, #id_80 input, #id_81 input {
width: 90px;
}
If you need further assistance, let us know.