https://legacy.forums.gravityhelp.com/topic/targeting-custom-class Gravity Support Forums Topic: Targeting Custom Class en-US Sun, 19 Apr 2026 23:21:38 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/targeting-custom-class#post-174430 Sun, 17 Mar 2013 16:25:20 +0000 Chris Hajer 174430@https://legacy.forums.gravityhelp.com/ <p>You should not modify the Gravity Forms forms.css file. If it works when you add it there, but not when you add it to one of your theme stylesheets, you are adding it incorrectly, or it's not a specific enough rule to override the others. If you add that back to your theme's stylesheet and post a link here, we will take a look and tell you why it's not working. We can't support modifications to the included Gravity Forms forms.css file, so you'll need to remove those to show us what is going on. </p> https://legacy.forums.gravityhelp.com/topic/targeting-custom-class#post-171381 Thu, 14 Mar 2013 15:11:09 +0000 hmarcks 171381@https://legacy.forums.gravityhelp.com/ <p>No luck. I tried variations, and adding a background and border to see if it was just the width that wasn't taking, but nothing.</p> <p>Edit - It works when I insert in the gravityforms css file, but not mine. I'm curious why this happens even with the custom class and !important. I've also been modifying other form css in my css file, odd.</p> <p>Thanks Chris </p> https://legacy.forums.gravityhelp.com/topic/targeting-custom-class#post-171312 Thu, 14 Mar 2013 12:56:16 +0000 Chris Hajer 171312@https://legacy.forums.gravityhelp.com/ <p>Try adding this CSS to your theme's stylesheet:</p> <pre><code>[css] body .gform_wrapper li.two-thirds-width textarea { width: 64%!important; }</code></pre> <p>I used 64% since it lined up better with the three-across fields on the first line of the form. Adjust as you see fit. </p> https://legacy.forums.gravityhelp.com/topic/targeting-custom-class#post-171200 Thu, 14 Mar 2013 10:23:46 +0000 hmarcks 171200@https://legacy.forums.gravityhelp.com/ <p>*removed*</p> <p>Thanks Chris </p> https://legacy.forums.gravityhelp.com/topic/targeting-custom-class#post-171197 Thu, 14 Mar 2013 10:18:32 +0000 Chris Hajer 171197@https://legacy.forums.gravityhelp.com/ <p>Please share a link to the page on your site where we can see your form. </p> https://legacy.forums.gravityhelp.com/topic/targeting-custom-class#post-170359 Wed, 13 Mar 2013 20:59:07 +0000 hmarcks 170359@https://legacy.forums.gravityhelp.com/ <p>I've tried variations of "li#field_1_25 .gfield.two-thirds-width" with no luck. I'm trying to define the width of the whole element.</p> <p>Any help is appreciated, thanks - </p> https://legacy.forums.gravityhelp.com/topic/targeting-custom-class#post-169338 Wed, 13 Mar 2013 00:58:24 +0000 hmarcks 169338@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I'm having a hard time targeting a custom class. I set a class for "two-thirds-width" for a paragraph text field.</p> <p>The html output is:</p> <pre><code>[html] &lt;li id=&#39;field_1_25&#39; class=&#39;gfield two-thirds-width&#39; &gt;&lt;label class=&#39;gfield_label&#39; for=&#39;input_1_25&#39;&gt;Event Description&lt;/label&gt;&lt;div class=&#39;ginput_container&#39;&gt;&lt;textarea name=&#39;input_25&#39; id=&#39;input_1_25&#39; class=&#39;textarea medium&#39; tabindex=&#39;6&#39; rows=&#39;10&#39; cols=&#39;50&#39;&gt;&lt;/textarea&gt;&lt;/div&gt;&lt;/li&gt;&lt;li id=&#39;field_1_5&#39; class=&#39;gfield two-thirds-width gfield_html gfield_html_formatted gfield_no_follows_desc&#39; &gt;&lt;div class=&quot;sectionblock-left&quot;&gt;</code></pre> <p>Can someone help me out with the css selector I need?</p> <p>Thank you </p>