Hello,
How could I format this collection so the fields align better? I would like to see the first choice aligned with the text box for the name and DOB fields. Thanks!
In your css where you display the fields together add vertical-align:top
example
#q1, #q2, #q3, #q4 {display:inline-block;vertical-align:top;}
if that does not work try adding !important
example
#q1, #q2, #q3, #q4 {display:inline-block;vertical-align:top!important;}
all of the fields would align at the top
I also was given this CSS from another post that helps immensely! This one works throughout the form, instead of just for a few specified fields. It would make (in your case) the words Name / DOB / Next Year / Discharge all align horizontally together:
/*To force a whole line to align at top*/
li.form-q {
vertical-align:top;
}
Thank you! That worked. I also had to make the label name shorter so it wrapped otherwise the fields did not completely align.