Making Checkbox and Form Fields into Two Column

Smart CRM & Sales Hub CRM
1

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.

32633i70A9276F45AAC40B.png
32633i70A9276F45AAC40B.png999×613 52.9 KB

2

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

3

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>
4

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!

5

,

6 
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! :slightly_smiling_face:

7

Hi,

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

8

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?