https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field Gravity Support Forums Topic: Form appears as a list with > next to each field en-US Mon, 20 Apr 2026 01:26:34 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-27273 Wed, 08 Jun 2011 01:03:33 +0000 Kevin Flahaut 27273@https://legacy.forums.gravityhelp.com/ <p>Wonderful. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-27266 Tue, 07 Jun 2011 21:24:54 +0000 Colinz 27266@https://legacy.forums.gravityhelp.com/ <p>Brilliant ! </p> <p>Thanks Kevin - all tickerdeeboo now. </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-27221 Tue, 07 Jun 2011 15:49:26 +0000 Kevin Flahaut 27221@https://legacy.forums.gravityhelp.com/ <p>There is some theme-specific CSS rules that apply a background image (the &gt; you're seeing) to list items in the sidebar. The form is inheriting from that rule. Add this to the end of your theme stylesheet and it should override the theme defaults.</p> <pre><code>[css] #sidebar .gform_wrapper li, #sidebar-alt .gform_wrapper li { background-image:none; padding:0!important }</code></pre> <p>screenshot: <a href="http://grab.by/aiYg" rel="nofollow">http://grab.by/aiYg</a> </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-27211 Tue, 07 Jun 2011 14:57:21 +0000 Colinz 27211@https://legacy.forums.gravityhelp.com/ <p>Thanks for getting back to me, here's the temp url: <a href="http://173.254.20.31/" rel="nofollow">http://173.254.20.31/</a> </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-27181 Tue, 07 Jun 2011 10:11:55 +0000 Kevin Flahaut 27181@https://legacy.forums.gravityhelp.com/ <p>@colinz it sounds like your default forms.css file isn't being loaded properly. The field widths are in percentages so the textareas normally fit fine in most sidebar applications with the default styles. As David suggested, it would be really helpful to see your form so we can give you a definitive answer rather than our best guess. </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-27178 Tue, 07 Jun 2011 10:08:53 +0000 David Smith 27178@https://legacy.forums.gravityhelp.com/ <p>HI Colinz, if you post a link to your form we can better help you with this. :) </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-27154 Mon, 06 Jun 2011 22:42:16 +0000 Colinz 27154@https://legacy.forums.gravityhelp.com/ <p>FYI, l temporarily removed the fields that (only just) exceeded the sidebar width, but the '&gt;' remained. When the same form loads on a full width page there is no '&gt;'. </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-27153 Mon, 06 Jun 2011 22:17:50 +0000 Colinz 27153@https://legacy.forums.gravityhelp.com/ <p>I have the same issue and although the fields moved slightly when l copied and pasted the code to the child style.css left by Kevin the &gt; is still present just above the text. Any ideas?</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-12720 Mon, 15 Nov 2010 13:44:23 +0000 boundlessdata 12720@https://legacy.forums.gravityhelp.com/ <p>That worked. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/form-appears-as-a-list-with-next-to-each-field#post-12704 Mon, 15 Nov 2010 10:06:07 +0000 Kevin Flahaut 12704@https://legacy.forums.gravityhelp.com/ <p>They are part of a list and are inheriting margins from your theme CSS. Add this to the end of your theme style sheet and you should be good to go.</p> <pre><code>.gform_wrapper ul.gform_fields {margin:0!important; padding:0!important} .gform_wrapper ul.gform_fields li.gfield {margin-left:0!important; padding-left:0!important}</code></pre> <p><a href="http://grab.by/grabs/6307fe58bca5a3e03acbb938ecfc2373.png" rel="nofollow">test screenshot</a> </p>