divs
What is 123FormBuilder?
123FormBuilder is a free online form builder which helps you create online forms without writing a single line of code.
POPULAR ARTICLES
- How to create a contact form as easy as 1-2-3
- Field Validation on 123FormBuilder
- Does the form editor have real-time preview?
- How to customize the Thank You page?
- Can I receive my email notifications as PDFs?
- Request approvals through your forms
- How to use conditional logic to show/hide fields?
- Can I use multiple payment gateways?
- Changing the Form Logo on 123FormBuilder
- Managing form submissions
123FormBuilder /
Answers /
How can I adjust column width in the form layout?
How can I adjust column width in the form layout?
m.zuidgeest
Asked on October 5, 2022 7:05 AM
Sabina G
Answered on October 5, 2022 11:44 AM
123FormBuilder Support
Hello,
Thank you for contacting us.
Widening the choice boxes is only possible via a custom CSS code. While we do not offer assistance for custom codes, we do have a small database of the most frequently encountered needs.
For this particular case, you can use the following code, which will modify the width for all the choice fields which have the buttons option active:
#form [data-role=”control”].button-choices [data-role=”input-row”] .choice-box__label {
width: 250px;
}
To apply this code, simply go to the “Design” section of your form and add it by clicking the “Add custom CSS” button.
If you have any other questions, do not hesitate to reach out, and we’ll be happy to assist.
Thank you for contacting us.
Widening the choice boxes is only possible via a custom CSS code. While we do not offer assistance for custom codes, we do have a small database of the most frequently encountered needs.
For this particular case, you can use the following code, which will modify the width for all the choice fields which have the buttons option active:
#form [data-role=”control”].button-choices [data-role=”input-row”] .choice-box__label {
width: 250px;
}
To apply this code, simply go to the “Design” section of your form and add it by clicking the “Add custom CSS” button.
If you have any other questions, do not hesitate to reach out, and we’ll be happy to assist.
I would like to make the width of the columns wider in order to make the text fit and the layout therefore nicer to look at