Title: Wider textbox
Last modified: February 2, 2023

---

# Wider textbox

 *  Resolved [loppisinorge](https://wordpress.org/support/users/loppisinorge/)
 * (@loppisinorge)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/)
 * Hi, how do i make the text boxes wider than they already are?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwider-textbox%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/#post-16435157)
 * Hello [@loppisinorge](https://wordpress.org/support/users/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.
 *     ```wp-block-code
       #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.
 *  Thread Starter [loppisinorge](https://wordpress.org/support/users/loppisinorge/)
 * (@loppisinorge)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/#post-16435177)
 * Thanks for replying so quickly!
   Is their any other way to make them wider then;“
   Small, Medium, or Large”?
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/#post-16435196)
 * Hello [@loppisinorge](https://wordpress.org/support/users/loppisinorge/)
 * Do you have a specific width in mind? The large option applies 100% width to 
   the input field.
 * Best regards.
 *  Thread Starter [loppisinorge](https://wordpress.org/support/users/loppisinorge/)
 * (@loppisinorge)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/#post-16435227)
 * 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](https://postimg.cc/p5YfQ3vg)
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/#post-16435273)
 * Hello [@loppisinorge](https://wordpress.org/support/users/loppisinorge/)
 * The field width is 100%. So, you distribute the fields in one or two columns 
   or increase the form’s width.
 * Best regards.
 *  Thread Starter [loppisinorge](https://wordpress.org/support/users/loppisinorge/)
 * (@loppisinorge)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/#post-16436117)
 * Alright, how does one do that?
   Sorry to ask. Im not so good at this 🙂
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/#post-16436461)
 * Hello [@loppisinorge](https://wordpress.org/support/users/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](https://resources.developers4web.com/cff/tmp/2023/02/03/video_o.mp4)
 * Best regards.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Wider textbox’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/wider-textbox/#post-16436461)
 * Status: resolved