Hello @loppisinorge
You can modify the widths of the fields via their settings by selecting one of the options: Small, Medium, or Large in the “Field size” attribute. To edit their height will be required to enter some CSS rules through the “Customize Form Design” attribute in the “Form Settings” tab.
Ex.
#fbuilder input[type="text"],
#fbuilder input[type="number"],
#fbuilder input[type="email"],
#fbuilder input[type="password"],
#fbuilder select{
height:45px !important;
line-height: 45px !important;
}
But please, note you have the fields distributed in columns. So, the fields’ widths are expanded to cover the column width.
Best regards.
Thanks for replying so quickly!
Is their any other way to make them wider then; “Small, Medium, or Large”?
Hello @loppisinorge
Do you have a specific width in mind? The large option applies 100% width to the input field.
Best regards.
Yeah i do 🙂
I wrote the words “Business communication”.
I want the users to see the entire word of communication. How do i make this happen?
Link for image:
https://postimg.cc/p5YfQ3vg
Hello @loppisinorge
The field width is 100%. So, you distribute the fields in one or two columns or increase the form’s width.
Best regards.
Alright, how does one do that?
Sorry to ask. Im not so good at this 🙂
Hello @loppisinorge
You have the fields into a container field (DIV or Fieldset) with the “3 Columns” option selected in its “Columns” attribute. You can select only one column in the container field settings. And assign the columns’ class names directly to the fields via their “Add CSS Layout Keywords” attribute. A row contains 12 columns. So, you can assign the class name col-xs-6 to the first field in the row and col-xs-3 to the other two fields. I emulated the process from the developers’ console in the browser. Please, watch the following video:
https://resources.developers4web.com/cff/tmp/2023/02/03/video_o.mp4
Best regards.
