https://legacy.forums.gravityhelp.com/topic/trying-to-target-specific-input-field Gravity Support Forums Topic: Trying to target specific input field? en-US Sun, 19 Apr 2026 18:27:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/trying-to-target-specific-input-field#post-316481 Tue, 11 Jun 2013 01:49:00 +0000 Richard Vav 316481@https://legacy.forums.gravityhelp.com/ <p>Thanks and you're welcome. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-target-specific-input-field#post-316091 Mon, 10 Jun 2013 20:36:13 +0000 dexxwilliams 316091@https://legacy.forums.gravityhelp.com/ <p>You rock Richard, thank you so much! I saw the help documentation but it felt like I was reading latin for some reason (I'm not a great computer coder guy) </p> https://legacy.forums.gravityhelp.com/topic/trying-to-target-specific-input-field#post-315036 Mon, 10 Jun 2013 08:57:09 +0000 Richard Vav 315036@https://legacy.forums.gravityhelp.com/ <p>There are a few ways of targeting that specific text input, you can follow the <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples#Standard_Fields" rel="nofollow">CSS Targeting Samples</a> from the documentation which would give you<br /> <pre><code>body .gform_wrapper .gform_body .gform_fields #field_1_16.gfield input[type=text] {</code></pre> <p>or you can just target the input id directly<br /> <pre><code>#input_1_16 {</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/trying-to-target-specific-input-field#post-312908 Sun, 09 Jun 2013 16:06:30 +0000 dexxwilliams 312908@https://legacy.forums.gravityhelp.com/ <p>Hi guys, I've tried using the CSS samples in the help section, but I think I keep putting it in wrong.</p> <p>I have a forum where I'm trying to target one specific input field out of the rest of the customized fields on the form. </p> <p>The code for the form itself looks like this:</p> <pre><code>body.custom .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body.custom .gform_wrapper .gform_body .gform_fields .gfield input[type=email], body.custom .gform_wrapper .gform_body .gform_fields .gfield input[type=tel] { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: white; color: #333; border: 1px solid #CCC; font-size: 17px!important; box-shadow: inset 0px 0px 5px #e5e5e5; -moz-box-shadow: inset 0px 0px 5px #e5e5e5; -webkit-box-shadow: inset 0px 0px 5px #e5e5e5; word-spacing: 0.4pt; letter-spacing: 0.2pt; color: #000000; height: 40px; width: 100px; font-size: 17px!important; line-height: 25px; padding: 0 10px; }</code></pre> <p>The CSS for the input field I'm trying to target (and in this case make the background red is below):<br /> <pre><code>&lt;div class=&quot;ginput_container&quot;&gt; &lt;input name=&quot;input_16&quot; id=&quot;input_1_16&quot; type=&quot;text&quot; value=&quot;&quot; class=&quot;medium&quot; tabindex=&quot;10&quot;/&gt; &lt;/div&gt;</code></pre> <p>Could someone share an example css of targeting this specific id in css within the string:<br /> <code>body.custom .gform_wrapper .gform_body .gform_fields .gfield input[type=text]</code> </p>