https://legacy.forums.gravityhelp.com/topic/form-css-issue Gravity Support Forums Topic: Form CSS Issue? en-US Wed, 22 Apr 2026 16:06:14 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/form-css-issue#post-74673 Mon, 10 Sep 2012 12:16:22 +0000 Chris Hajer 74673@https://legacy.forums.gravityhelp.com/ <p>Thank you for the update. Glad that worked for you. </p> https://legacy.forums.gravityhelp.com/topic/form-css-issue#post-74671 Mon, 10 Sep 2012 12:12:10 +0000 chatfielda 74671@https://legacy.forums.gravityhelp.com/ <p>Dude, you are awesome - that fixed it perfectly. I was nowhere near finding all of the conflicts. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/form-css-issue#post-74454 Sat, 08 Sep 2012 10:03:23 +0000 Kevin Flahaut 74454@https://legacy.forums.gravityhelp.com/ <p>Most of your issue is coming from the label rule on line 202 of your style.css file.</p> <pre><code>[css] label { background: url(&quot;images/dash.png&quot;) repeat-x scroll left bottom transparent; color: #252525; cursor: pointer; display: block; float: left; line-height: 18px; margin: 6px 16px 0 0; padding: 0 2px 5px; text-align: right; width: 120px; }</code></pre> <p>Also, the custom rule on line 332</p> <pre><code>[css] .gform_wrapper .top_label .gfield_label { display: block; float: left; margin: 5px 0 4px !important; padding-right: 20px; width: 100px; }</code></pre> <p>That's adding the dashes that you see and is overriding the default "top label" form settings. It's also forcing the weird label width. You should be able to remove those blocks from your CSS and see an immediate improvement in your form layout.</p> <p>Line 652 adds the bullet "arrow" image that you see.. if you remove or override that then you can get rid of the bullet</p> <pre><code>[css] .entry ul li { background: url(&quot;images/menu-bullet-right.png&quot;) no-repeat scroll left 7px transparent; list-style: none outside none; margin: 0; padding: 0 0 0 14px; }</code></pre> <p>if you don't want to remove it, adding this to the end of your theme stylesheet should override it.</p> <pre><code>[css] .entry .gform_wrapper ul li { background: none!important; background-image: none!important; padding-left: 0!important; }</code></pre> <p>lastly, removing the rule applied to the span on line 655 will get rid of the last dashes (background image) being applied.</p> <pre><code>[css] .entry ul li span { background: url(&quot;images/dash.png&quot;) repeat-x scroll left bottom transparent; display: block; }</code></pre> <p>test screenshot: <a href="http://bit.ly/PbJUzh" rel="nofollow">http://bit.ly/PbJUzh</a></p> <p>Good luck with it. </p> https://legacy.forums.gravityhelp.com/topic/form-css-issue#post-74401 Fri, 07 Sep 2012 15:06:04 +0000 chatfielda 74401@https://legacy.forums.gravityhelp.com/ <p>I am using Re-Brand, a theme from otwthemes.com sold on ThemeForest and my forms are being put out with some funny CSS quirks - mostly the dotted lines and the list arrows to the left:</p> <p><a href="http://greatleapstudios.com/test/content-package-order/" rel="nofollow">http://greatleapstudios.com/test/content-package-order/</a></p> <p>Any thoughts on why this is happening and the best way to fix it?</p> <p>Here is the CSS for the theme:</p> <p><a href="http://greatleapstudios.com/test/wp-content/themes/rebrand/style.css" rel="nofollow">http://greatleapstudios.com/test/wp-content/themes/rebrand/style.css</a></p> <p>Any help is much appreciated :) </p>