How can you make radio buttons distribute properly?

I am trying to make my form one page for printing and I have little control over the spaces between fields (which seems huge?) even though I removed padding. I also have a section of radio dials I want to go across the screen but even though I added enough columns, it does not want to actually put the info in the columns (so I have two weird fields hanging out on their own). Can you see anyway to fix this?

https://secure.jotform.ca/form/42884

Thanks!

Monica

 

So would you like to distribute the radio buttons in 2 lines and 3 columns? Please explain and we can provide you with the right custom CSS.

We need to try to put all the options on one line (6 across with the option
button as well) or at the most 2 rows as even as possible (3 columns with 2
rows?). The spread columns is not functioning properly.
Thanks!
Monica
...

Hi Monica,

I think, this is the correct form URL: http://www.jotform.ca/form/42884594714265. But the form doesn't have a radio button field. 

The columns should work, but considering the width of your form and the length of your options in terms of characters. A custom CSS codes should make it, but please let us know the correct form URL and what field(s).

Thank you! 

Sorry, I have two forms I am working on. Here is the form with the radio
buttons and you will see they do not distribute properly:
http://form.jotform.ca/form/42926381023249
Thanks!
...

I've fixed it for you through the use of the following custom CSS codes:

#id_17 .form-radio-item {

width: 85px !important;

clear: none !important;

}

You can check the codes by following this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Please kindly check the form now. 

Thank you!