ashamun

Hi saxena,

I’m not sure I understand what’s happening. Would it be possible for you to send me a link to the page so I can see what you’re talking about?

You could try something like this:

span.wpcf7-list-item {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
}

If it works but doesn’t look right, try giving “span.wpcf7-list-item” a defined width and killing its margin. Play around with its vertical align as well.

Unfortunately, this solution doesn’t work for IE. For IE, you’ll have to implement some JavaScript.

You could float each field left then give them some margin and define their width but you’ll have to account for mobile using media queries or something. You may want to add the styling to divs though and just throw each field into each div.

Alternatively, I would just use Bootstrap and put each field in a col-md-6. Ten times easier.

I know exactly what you’re talking about but I’m not sure a plugin like that exists. Heres how I would do it:

I would add a row of fields for the first order, then at the end of that row, have a dropdown or radio button that asks “Do you have another order?”. If they select “yes”, use the Contact Form 7 Conditional Fields plugin (linked below) and duplicate the set of questions again. They can do this over and over again until they answer “No” to the question.

Let me know if that doesn’t make sense and I’ll try to explain it better.

Conditional Fields for Contact Form 7