CRM

sudshetty1
Participant

Making Checkbox and Form Fields into Two Column

SOLVE

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

1 Accepted solution
DanielSanchez
Solution
Key Advisor

Making Checkbox and Form Fields into Two Column

SOLVE
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

7 Replies 7
DanielSanchez
Solution
Key Advisor

Making Checkbox and Form Fields into Two Column

SOLVE
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
Participant

Making Checkbox and Form Fields into Two Column

SOLVE

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? 

0 Upvotes
sudshetty1
Participant

Making Checkbox and Form Fields into Two Column

SOLVE

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
DanielSanchez
Key Advisor

Making Checkbox and Form Fields into Two Column

SOLVE

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
sudshetty1
Participant

Making Checkbox and Form Fields into Two Column

SOLVE

,

0 Upvotes
tjoyce
Recognized Expert | Platinum Partner
Recognized Expert | Platinum Partner

Making Checkbox and Form Fields into Two Column

SOLVE

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
Community Manager
Community Manager

Making Checkbox and Form Fields into Two Column

SOLVE

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

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 !