Radio buttons on form are vertical and need to be horizontal

I thought I had gotten this solved here before but cannot find my topic.

The radio buttons on my form are showing vertically but need to be horizontal. I checked the CSS and it looks like it should be inline.

.eb-raido-container {
display: inline-block;
}

I know there is a typo for radio in the code, but I have entered it both ways on the custom CSS tab in the configuration section of EB. I know this is an easy fix, I just can't seem to find it.

Let me correct this. It's all lists on the form that are vertical that I need to make horizontal.

You need to go to Events Booking -> Custom Fields, click on the field to edit and set Size attribute to the value you want

For example, set Size to 3 and each row will have 3 options displayed (horizontal)

Please try that and let us know the result

Tuan

No effect. There are 6 choices (0-5) so I tried 6, then 4, etc. Nothing. Wouldn't the template css override EB? Funny part is I thought we fixed this once before I just don't remember how.

That should work unless there is something special on your site. Please submit a support ticket sending us:

1. Super admin account

2. Link to the form

3. Tell us ID of the field which is having this issue

I will check and tell you the reasons

Tuan

I noticed in one of the fields I have an added CSS tag for "checkbox-inline". I checked the template css and see I did add:

.checkbox-inline+ .checkbox-inline, .radio-inline+, .radio-inline{martin-top:0;margin-left:10px}

Seems like that's how I handled it before, but it stopped working. Would an update override this? Anywhere else I can change it?

Attachments are to show the settings.