https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look Gravity Support Forums Topic: Any way to achieve this look? en-US Mon, 20 Apr 2026 02:58:24 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32780 Wed, 17 Aug 2011 15:16:53 +0000 Kevin Flahaut 32780@https://legacy.forums.gravityhelp.com/ <p>Wonderful. You're a Rockstar. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32779 Wed, 17 Aug 2011 15:15:03 +0000 openfire9 32779@https://legacy.forums.gravityhelp.com/ <p>OK got it working now!!!</p> <p>I was a) missing the "s" at the end of .gform_field"s" and b) I was missing .gfield</p> <p>This worked beautifully: </p> <pre><code>[css] .gform_wrapper .gform_body .gform_fields .gfield { -moz-border-radius: 5px 5px 5px 5px; background-color: #F3F3F3; border: 1px solid #D1D1D1 !important; margin-bottom: 8px; padding-bottom: 10px; padding-left: 16px; }</code></pre> <p>Thanks guys! Much appreciated! </p> https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32772 Wed, 17 Aug 2011 14:47:42 +0000 Kevin Flahaut 32772@https://legacy.forums.gravityhelp.com/ <p>Can you post a URL to your form page? I think we're disconnecting here and seeing the actual form will help me help YOU. :) </p> https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32770 Wed, 17 Aug 2011 14:45:14 +0000 Kevin Flahaut 32770@https://legacy.forums.gravityhelp.com/ <p>you're applying the properties to the wrapper element, not the list items that are children of the wrapper which is what you need to do. Try this instead.</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield { -moz-border-radius: 5px 5px 5px 5px; background-color: #F3F3F3; border: 1px solid #D1D1D1; margin-bottom: 8px; padding-bottom: 10px; padding-left: 16px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32769 Wed, 17 Aug 2011 14:44:54 +0000 openfire9 32769@https://legacy.forums.gravityhelp.com/ <p>woops, I posted that before I saw your reply Kevin... </p> <p>OK I tried this:</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_field { -moz-border-radius: 5px 5px 5px 5px; background-color: #F3F3F3; border: 1px solid #D1D1D1; margin-bottom: 8px; padding-bottom: 10px; padding-left: 16px; }</code></pre> <p>and lost the styling all together.</p> <p>hhhmmmm... </p> https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32766 Wed, 17 Aug 2011 14:41:20 +0000 openfire9 32766@https://legacy.forums.gravityhelp.com/ <p>OK, I changed this (which worked, but affected everything in my sidebar)</p> <pre><code>[css] .divider, .divider_line, .commentlist li, .entry .entry_meta, #sidebar .widget li, #sidebar .widget_pages ul ul, #about_the_author .author_content { -moz-border-radius: 5px 5px 5px 5px; background-color: #F3F3F3; border: 1px solid #D1D1D1; margin-bottom: 8px; padding-bottom: 10px; padding-left: 16px; }</code></pre> <p>to this:</p> <pre><code>[css] .gform_wrapper { -moz-border-radius: 5px 5px 5px 5px; background-color: #F3F3F3; border: 1px solid #D1D1D1; margin-bottom: 8px; padding-bottom: 10px; padding-left: 16px; }</code></pre> <p>and the result was that I lost the individually separated list items in the form... what am I missing in the above?</p> <p>thx </p> https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32763 Wed, 17 Aug 2011 14:34:18 +0000 Kevin Flahaut 32763@https://legacy.forums.gravityhelp.com/ <pre><code>[css] body .gform_wrapper .gform_body .gform_fields {border:1px solid red}</code></pre> <p>is the recommended way to target the list items with the class "gform_fields" using inheritance from the "gform_wrapper" as Chris suggested. I like to add in the body element in the inheritance as well to increase the specificity.</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/any-way-to-achieve-this-look#post-32758 Wed, 17 Aug 2011 14:29:58 +0000 Chris Hajer 32758@https://legacy.forums.gravityhelp.com/ <p>You can start your selector with <strong>.gform_wrapper</strong>. Each form begins like this:</p> <pre><code>&lt;div class=&#39;gform_wrapper&#39;</code></pre> <p>By adding that to the beginning of all your rules, you will restrict the style to just list items inside the form. </p> https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32747 Wed, 17 Aug 2011 13:55:52 +0000 openfire9 32747@https://legacy.forums.gravityhelp.com/ <p>Kevin, I did it up quick in firebug, exactly as you stated... worked like a charm! </p> <p>Only thing I noticed was that it affected all of the list items in my sidebar, not just the form. It's not a big deal as it actually looks better, but just for argument's sake, what would be the exact selector to isolate just the form list items? </p> https://legacy.forums.gravityhelp.com/topic/any-way-to-achieve-this-look#post-32746 Wed, 17 Aug 2011 13:42:22 +0000 openfire9 32746@https://legacy.forums.gravityhelp.com/ <p>Awesome! </p> <p>I'll hack away with the info you gave and see if I can get 'er done.</p> <p>Thx! </p>