https://legacy.forums.gravityhelp.com/topic/name-entry-field-formatting Gravity Support Forums Topic: Name entry field formatting en-US Tue, 21 Apr 2026 19:31:15 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/name-entry-field-formatting#post-38163 Tue, 18 Oct 2011 10:39:40 +0000 olilogic 38163@https://legacy.forums.gravityhelp.com/ <p>Thank you I have had a bit more of a play since i initially posted<br /> I think it might have been something to do with this<br /> .gform_wrapper input[type=text] {width:auto}</p> <p>as <a href="http://pastie.org/2717933" rel="nofollow">http://pastie.org/2717933</a> was not working previously </p> <p>thank you<br /> Oli </p> https://legacy.forums.gravityhelp.com/topic/name-entry-field-formatting#post-38162 Tue, 18 Oct 2011 10:24:51 +0000 Kevin Flahaut 38162@https://legacy.forums.gravityhelp.com/ <p>Looks like your custom rule is already superseding the forms.css.. you just have the width set to 500px.</p> <p>screenshot: <a href="http://bit.ly/o8Ge1P" rel="nofollow">http://bit.ly/o8Ge1P</a></p> <p>if you change the value to 300px there, it looks like it formats correctly</p> <pre><code>[css] .gform_wrapper input#input_1_9_3 { width: 300px !important; }</code></pre> <p>screenshot: <a href="http://bit.ly/pSVOHf" rel="nofollow">http://bit.ly/pSVOHf</a></p> <p>also, if you're having trouble overriding the default form styles, you can use more specific CSS inheritance and it should work fine. There are examples here in the documentation.</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> https://legacy.forums.gravityhelp.com/topic/name-entry-field-formatting#post-38150 Tue, 18 Oct 2011 08:44:09 +0000 olilogic 38150@https://legacy.forums.gravityhelp.com/ <p>Hi </p> <p>I'm having trouble targeting the name input CSS<br /> Here is the example form - <a href="http://the-ybfs.com/ybfs-entry-form" rel="nofollow">http://the-ybfs.com/ybfs-entry-form</a><br /> all i need to do is the width top be 300px but the forms.css seems to be overriding any changes that I make - width: 95% !important; </p> <p>I have set the standard input boxes </p> <pre><code>[css] .gform_wrapper .gform_body .gform_fields .gfield input[type=text] { margin-left: 136px; margin-top: 5px; margin-bottom: 30px; border-color: silver; border-width: 1px; width: 300px; }</code></pre> <p>sorry been stuck on this one for a while<br /> Might be something to do with my Thesis theme</p> <p>thanks<br /> Oli </p>