https://legacy.forums.gravityhelp.com/topic/css-to-change-field-box-and-font-size Gravity Support Forums Topic: CSS to change field box and font size en-US Mon, 20 Apr 2026 01:16:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-to-change-field-box-and-font-size#post-14368 Tue, 14 Dec 2010 09:25:55 +0000 Kevin Flahaut 14368@https://legacy.forums.gravityhelp.com/ <p>Glad that helped out. Yell if you need anything else. </p> https://legacy.forums.gravityhelp.com/topic/css-to-change-field-box-and-font-size#post-14367 Tue, 14 Dec 2010 09:03:09 +0000 mattf 14367@https://legacy.forums.gravityhelp.com/ <p>Kevin your a CSS genius!...no wonder I couldn't do it. Many thanks :) </p> https://legacy.forums.gravityhelp.com/topic/css-to-change-field-box-and-font-size#post-14366 Tue, 14 Dec 2010 08:40:40 +0000 Kevin Flahaut 14366@https://legacy.forums.gravityhelp.com/ <p>Okay, try adding this to your theme's stylesheet. This is specifically for that form ID #1 - targeting the input by it's unique ID as well.</p> <pre><code>/* resize the input */ body #gform_wrapper_1 input#input_1_2 { background:#ffffff none repeat scroll 0 0; border:2px solid #bebebe; color:#202020; font-size:19px; margin-bottom:6px; padding:9px 10px 9px; width:240px; } /* remove the inherited left padding */ body .gform_wrapper ul li {padding-left:0!important} /* add a margin to the top of the containing list item */ body #gform_wrapper_1 li#field_1_2 {margin-top:20px}</code></pre> <p>test screenshot: <a href="http://grab.by/7TiL" rel="nofollow">http://grab.by/7TiL</a> </p> https://legacy.forums.gravityhelp.com/topic/css-to-change-field-box-and-font-size#post-14364 Tue, 14 Dec 2010 08:27:45 +0000 mattf 14364@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>link to site I'm building is <a href="http://www.dotcomboost.com" rel="nofollow">http://www.dotcomboost.com</a></p> <p>You'll see the existing form from the theme in the top right, I've added my gravity form for reference below. </p> https://legacy.forums.gravityhelp.com/topic/css-to-change-field-box-and-font-size#post-14363 Tue, 14 Dec 2010 08:20:54 +0000 Kevin Flahaut 14363@https://legacy.forums.gravityhelp.com/ <p>can you post a URL to your form? It will make it easier to help/test. </p> https://legacy.forums.gravityhelp.com/topic/css-to-change-field-box-and-font-size#post-14359 Tue, 14 Dec 2010 05:51:41 +0000 mattf 14359@https://legacy.forums.gravityhelp.com/ <p>Hi guys,</p> <p>Have spent quite sometime looking through the forum and even longer trying to make the necessary changes to my css for what I believe is a pretty simple change...but hey I think I've just realised this isn't going to work for me :(</p> <p>So I would appreciate some help please...</p> <p>I would like to increase the style of my email field box to match the style of my website, which is essentially to increase the height of the box using padding and then increase the font size within it.</p> <p>This is the css code from my themes stylesheet that I'd like to match...</p> <pre><code>form .text { background:#ffffff none repeat scroll 0 0; border:2px solid #bebebe; color:#202020; font-size:19px; margin-bottom:6px; padding:9px 10px 9px; width:240px; }</code></pre> <p>Would really appreciate some help here.</p> <p>Thanks</p> <p>Matt </p>