https://legacy.forums.gravityhelp.com/topic/gf-formscss-overriding-theme-stylecss Gravity Support Forums Topic: GF (forms.css) overriding theme (style.css) en-US Wed, 08 Apr 2026 06:26:07 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gf-formscss-overriding-theme-stylecss#post-180561 Fri, 22 Mar 2013 07:39:48 +0000 Rob Harrell 180561@https://legacy.forums.gravityhelp.com/ <p>Handling via priority support. </p> https://legacy.forums.gravityhelp.com/topic/gf-formscss-overriding-theme-stylecss#post-180276 Fri, 22 Mar 2013 00:18:53 +0000 webspinster 180276@https://legacy.forums.gravityhelp.com/ <p>Hi there. I'm using some of your FAQ-suggested code to modify my theme's style.css file, but these seem to be getting overwritten by GF's styles. When I inspect elements in Firebug, forms.css styles are showing up as higher in the stack than style.css, so my customizations are not taking (or rather, are getting redefined by GF instead of the other way around).</p> <p>Examples:<br /> 1) Bullets: code (from your FAQ) to remove bullets is in my style.css file</p> <p>2) Removing "max characters" warnings from displaying when max characters are defined: code added to style.css from <a href="http://www.gravityhelp.com/forums/topic/turn-off-0-of-15-max-characters" rel="nofollow">http://www.gravityhelp.com/forums/topic/turn-off-0-of-15-max-characters</a></p> <p>You can see that bullets and max character warning lines are showing up in 2 different forms (one in the body, one in a widget) here:<br /> <a href="http://www.bigmoves.org/staging/about/contact-us/" rel="nofollow">http://www.bigmoves.org/staging/about/contact-us/</a></p> <p>The following code is definitely in my style.css:</p> <pre><code>/* remove gform bullets */ body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li { list-style-type:none!important; list-style-image:none!important; list-style:none!important; background-image:none!important; background:none!important; padding:0!important; margin:0!important } .charleft.ginput_counter.warningTextareaInfo { display: none; }</code></pre> <p>Thoughts? Do I need some function to force style.css to take precedence? Have you encountered this before? I couldn't find it through searching the forum here.</p> <p>Many thanks. </p>