Making Checkbox and Form Fields into Two Column

SOLVE
Highlighted
Occasional Contributor

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.

hubspot_forms_css.png

0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Regular Advisor
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! 🙂

 

View solution in original post

6 Replies 6
Highlighted
Community Manager

Hello @sudshetty1 

 

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

 

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

 

 

Thank you,

Pam


Você sabia que a Comunidade está disponível em outros idiomas?
Participe de conversas regionais, alterando suas configurações de idioma !


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


Highlighted
Top Advisor | Platinum Partner

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>

 

Highlighted
Regular Advisor

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!

0 Upvotes
Highlighted
Occasional Contributor

,

0 Upvotes
Highlighted
Solution
Regular Advisor
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! 🙂

 

View solution in original post

Highlighted
Occasional Contributor

Hi,

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

0 Upvotes