https://legacy.forums.gravityhelp.com/topic/textarea-column-size Gravity Support Forums Topic: textarea column size en-US Mon, 20 Apr 2026 15:42:02 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/textarea-column-size#post-27440 Thu, 09 Jun 2011 15:33:46 +0000 Kevin Flahaut 27440@https://legacy.forums.gravityhelp.com/ <p>You may have to use the !important declaration. This worked fine in my test.</p> <pre><code>[css] body #gform_wrapper_2 .gform_body .gform_fields .gfield textarea { background-color: green; color: #fff; width: 150px!important; height: 150px!important; }</code></pre> <p>screenshot: <a href="http://grab.by/ak1f" rel="nofollow">http://grab.by/ak1f</a></p> <p>Also, since you've added a form in the sidebar outside of the WordPress "Loop" I see the default form styles aren't being loaded so you'll need to manually enqueue those.</p> <p>When embedding a form via a function call you must also manually include the necessary Gravity Forms related Javascript and CSS via the built in WordPress enqueue capabilities. Gravity Forms does not include these by default when calling a form via a function call and they are necessary for forms that contain conditional logic or the date picker field.</p> <p>We strongly recommend you enqueue the scripts rather than including them as hard-coded calls in your theme. Implementing it this way will insure that Gravity Forms does not include them on the page if they are already present. It is also a good practice to only load these scripts on the front end.</p> <p>Gravity Forms 1.5 introduced the <a href="http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts" rel="nofollow">gravity_form_enqueue_scripts</a> function which allows you to easily enqueue the necessary Gravity Forms' scripts and styles when manually embedding a form. This is also useful if you are using a GF widget and do not wish for the styles and scripts to be loaded inline. </p> <p>You will need to manually enqueue the scripts and CSS by placing a short script block in your theme's functions.php file.</p> <pre><code>&lt;?php gravity_form_enqueue_scripts(); ?&gt;</code></pre> <p>You can find more information at the URLs below</p> <p><a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a></p> <p><a href="http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts</a> </p> https://legacy.forums.gravityhelp.com/topic/textarea-column-size#post-27436 Thu, 09 Jun 2011 14:47:13 +0000 Mark R 27436@https://legacy.forums.gravityhelp.com/ <p>Didn't work for me, Kevin. Dropped a form into an oldschool sidebar (non-widgeted). But as you can see, the sidebar bleeds off the page. What am I missing? URL=http://teamrks.com</p> <p>Update: this worked for me:</p> <p>#sidebar .gform_wrapper .gform_body .gform_fields .gfield textarea {<br /> width: 230px;<br /> height: 80px;<br /> } </p> https://legacy.forums.gravityhelp.com/topic/textarea-column-size#post-26884 Fri, 03 Jun 2011 08:24:31 +0000 Kevin Flahaut 26884@https://legacy.forums.gravityhelp.com/ <pre><code>[css] body #gform_wrapper_2 .gform_body .gform_fields .gfield textarea { width: 150px; height: 150px }</code></pre> <p>That should work for form ID #2 </p> https://legacy.forums.gravityhelp.com/topic/textarea-column-size#post-26874 Fri, 03 Jun 2011 02:26:56 +0000 Mark R 26874@https://legacy.forums.gravityhelp.com/ <p>The code worked for me, but I would like for it to affect only one form, not all. Multiple attempts at getting the syntax correct resulted only in epic failure on my part. Can you suggest the correct code to limit this width change to the form with ID=2?</p> <p>What I found elsewhere did not work for me....including the CSS Targeting Samples link....</p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/textarea-column-size#post-22655 Wed, 06 Apr 2011 15:47:19 +0000 Carl Hancock 22655@https://legacy.forums.gravityhelp.com/ <p>You can use CSS and target textareas on the form (or a specific field) and set the size to whatever you want using CSS.</p> <p>Documentation with examples on how to target and style specific form elements can be found here:</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>An example of targeting a textarea and styling it would be:</p> <p>body .gform_wrapper .gform_body .gform_fields .gfield textarea {width: 150px; height: 150px;}</p> <p>That would set the height and width of textareas to 150x150. Note when using CSS you don't use col sizes, you give it a set height and width.</p> <p>You would add custom CSS to your themes stylesheet to target and style the selected form element. </p> https://legacy.forums.gravityhelp.com/topic/textarea-column-size#post-22644 Wed, 06 Apr 2011 14:00:52 +0000 edmire 22644@https://legacy.forums.gravityhelp.com/ <p>Is there anyway to change the default col size of &lt;textarea&gt;? It would appear that it's always set to 50. </p>