Horizontal spacing of indiviual check boxess

I am sure I have asked this before but cannot find the answer.

How can I space out horizontal check boexes in an individual Check Box field?

The field ids are #input_50_0, #input_50_1, #input_50_2 

on form https://form.jotform.com/53144011620943

Willy Scott

Are you referring to the radio items? You can inject this css to adjust the spacing of the radio items.

.form-radio-item{
  width:100px!important;
}

Here's how it would appear once the css is injected.

Here's a guide on how to inject css: How to Inject Custom CSS Codes

Sorry, I did not say clearly that it was for that specific field, I think that css spaces all the radio boxes globally. Am I correct? 

I want the one further down the form to stay with same spacing that I have set globally, if your css applied globally it drops the "Beef, Fish, Chicken"  down a line. I know I have to use the #cid  to make it happen but where does it go?

Willy Scott

Oops!

You are correct that the previous css I gave applied to all radio items in your form. You can inject this code instead if you only want to adjust the width of the radio items on the first page.

#cid_50 .form-radio-item{

width:100px;

}

Let us know if you need further assistance.

Thanks for the update 

I will store that in my odds and ends of code file, it will save me hunting again!!

Willy Scott

On behalf of my colleague, you are welcome. If you have any other question or issue, please let us know. We will be glad to help.