I shrunk 3 questions but can't find the width function to make them appear on the same line.

Hello,

I'm working on this registration from:
https://pci.jotform.com/form/252165903715053

On page two, I'd like all the meal options (breakfast, lunch, and reception) to appear on the same line. I turned on "Shrink" for all of them, which got breakfast and lunch on the same line, but reception isn't fitting currently, and I'm not seeing the width adjuster under "options" to let me make them any smaller.

Thanks,

Jill

P.S. The reason I want these as separate questions is so they'll appear as three separate columns in the integrated spreadsheet and be easier to tally for the caterer's headcount. If I did one normal multi-select question with all three meals as options, then I'd get all the values in just one column of my spreadsheet with cell values like "Breakfast; Lunch" or "Breakfast; Lunch; Reception" and that isn't as good for keeping an easy tally for the caterer.

Hi Jill,

Thank you for reaching out to Jotform Support. I was able to customize the multiple-choice fields and made them fit on a single line. I've shared a screencast of how it looks on my cloned form:

You can easily reduce the width and set all multiple-choice fields on a single line by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

li#id_39 {

    max-width: 220px;

}

li#id_40 {

    max-width: 220px;

}

li#id_41 {

    max-width: 212px;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down, and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Give it a try and let us know how it goes.