https://www.machform.com/forums/ MachForm Community Forums Topic: How can i set the width of each text field and the whole form? en Mon, 18 May 2026 12:02:08 +0000 https://www.machform.com/forums/topic/how-can-i-set-the-width-of-each-text-field-and-the-whole-form#post-21561 Fri, 08 Aug 2014 10:13:21 +0000 maswayze 21561@https://www.machform.com/forums/ <p>OK, I tried the suggestions on how to widen the "field size" of the form, and I was able to get it to work with your instructions. I do have a question however.</p> <p>On my form, when you click on a drop down field that I created, the Field area is wider, HOWEVER I also see that the "background" area of the field area also is wider. It looks like that the "background" is always twice the size of the active area of the field? How can I use the entire area of the field for the Drop Down area?</p> <p>Thanks </p> https://www.machform.com/forums/topic/how-can-i-set-the-width-of-each-text-field-and-the-whole-form#post-19448 Fri, 18 Oct 2013 17:02:37 +0000 yuniar 19448@https://www.machform.com/forums/ <p>Ah.. yes, paragraph need another different code. You can use this code to target the paragraph field:</p> <pre><code>#main_body .custom_textarea_width textarea.textarea{ width: 300px !important; }</code></pre> <p>and then use the "custom_textarea_width" css class. </p> https://www.machform.com/forums/topic/how-can-i-set-the-width-of-each-text-field-and-the-whole-form#post-19420 Wed, 16 Oct 2013 06:15:42 +0000 jasons 19420@https://www.machform.com/forums/ <p>hi<br /> thanks for that.<br /> it sort of works but not properly</p> <p>i can set a single line text field to the correct width as above with the css code, however it doesnt work with paragraph text?<br /> the paragraph text still changes width as the page is increased and decreased in width.</p> <p>also, if i set the custom_width to 200px and the add that custom css to each field, and i set the form_container to 200px, the paragraph text is smaller than the other single line text fields and still changes size as the page width is increased and decreased? </p> https://www.machform.com/forums/topic/how-can-i-set-the-width-of-each-text-field-and-the-whole-form#post-19403 Mon, 14 Oct 2013 19:31:00 +0000 yuniar 19403@https://www.machform.com/forums/ <p>You can change the "Field Size" property of your text field to do so. There are options to change it to "small", "medium" or "large".<br /> If you need more precise width setting, you can do it through CSS code.</p> <p>First, edit your form's theme, go to the "Advanced CSS" section and put this code:</p> <pre><code>#main_body .custom_width input.text{ width: 300px !important; }</code></pre> <p>the above would define "custom_width" class that you can apply to any text field and would set the width of the text to 300px.<br /> To apply the width to the field, go to your field property and then put "custom_width" into the "Custom CSS Class" property.</p> <p>To set the width of the form, you can use this CSS code:</p> <pre><code>#form_container{ width: 800px; }</code></pre> https://www.machform.com/forums/topic/how-can-i-set-the-width-of-each-text-field-and-the-whole-form#post-19382 Sat, 12 Oct 2013 18:31:17 +0000 jasons 19382@https://www.machform.com/forums/ <p>hi<br /> id like to be able to individually set the width of each text field on the form.<br /> i would also like to be able to set the width of the whole form.</p> <p>i have tried and can not figure out how to do this? </p>