I have two fields set up below the date question. With the date being so far to the right, it looks bad. Is there any css code for removing the spacing between a field and an answer? Thanks!
You can also use something like
.inline {display:inline-block; vertical-align:top;}
.cf-label {width: 170px!important;}
#q2 .cf-medium, #q3 .cf-medium, #q4 .cf-medium, #q5 .cf-medium, #q6 .cf-medium, #q7 .cf-medium {width: 100%;}
#q2 .cf-field, #q3 .cf-field, #q4 .cf-field, #q5 .cf-field, #q6 .cf-field, #q7 .cf-field {width: 180px;}
to get your form to look like
The fields are just q1 through q7 (left to right, top to bottom) and everything but the initial "Date" field uses the CSS class called inline.
You have to play with it a bit to see how many pixels you need for each label.
Right now, the width of your label is very long, thus the gap you see. So, you need to shorten the label width using CSS: #q1 label {width: 50px;}
If 50 is too small, increase the number. If you want to change the width of the field, add the additional lines that Alex indicated above. I believe the cf-medium should be used on fields whose width you set to medium when configuring the field. If some of the fields' widths are set to small, large, or x-large, change cf-medium to whatever size was selected.
yeah its
#qID .cf-field {width: xxxpx;}
Thanks, guys!