My forms are not appearing to users the same way that I designed them

I designed my forms with multiple columns (Health History Form) but when I test it the users see something much different. I tried to attach a screenshot showing what happened when I tried to fill out the form but apparently a screenshot is too large a file to send you. Could you please help?

Hi,

I checked your form and there was a line in your added CSS to make all your fields 700 width.  Removing that line allowed your fields to be their specified widths:

}.form-label.form-label-top {}#label_30 {}.form-html p {
width : 580px;
padding : 1px 11px 1px 11px;
}.form-line {
width : 630px;
}#cid_42 {
width : 430px;
height : 40px;

This CSS is near the bottom of your currently added styling.

This line is causing all your fields to be 630px width.  Removing the highlighted line allowed for the fields to fit multiple on a single line.

Here is what the form would look like with that CSS removed:

http://support.jotform.com/form/52285539507967

https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

If you have any further questions, let us know and we will be happy to help.