Making Checkbox and Form Fields into Two Column

[sudshetty1]

Hello,

I am trying to create two columns but ended making the whole table into 50% small.

can someone help me with this? I want to 7 check boxes in two column and have tried editing the column width in the page source.

[DanielSanchez · Accepted solution]

ul.inputs-list.multi-container li {
 width: 40%;
 display: inline-block;
 min-width: 300px;
}

Hi @sudshetty1 ,

Try insert this code in yout CSS file:

Did this post help solve your problem? If so, please mark it as a solution.

Best regards! 🙂

[TCremeens]

This is great. Is there a way to make this container apply to only one or two questions in the form versus every question in the form? 

[sudshetty1]

Hi,

I want to know where to insert the code and should I create a new class in the page source for the same?

[DanielSanchez]

Hi @sudshetty1 ,

You must insert some code in your css file.

Can u sent link of page with this form, and I return you with what to insert.

Best regards!

[sudshetty1]

,

[tjoyce]

It's hard to give you the exact code without seeing the preview link but something like this should work...

<style>
.hs-form ul.inputs-list {
-webkit-column-count:2;
   -moz-column-count:2;
        column-count:2;
}
</style>

[PamCotton]

Hello @sudshetty1 

I would like to invite some of our top experts on this matter into this conversation.

@Daniel_Bleich, @tjoyce, @DanielSanchez, would you able to share some tips to help @sudshetty1 edit his form?

Thank you,

Pam