https://legacy.forums.gravityhelp.com/topic/forms-are-unstyled Gravity Support Forums Topic: Forms are unstyled en-US Mon, 20 Apr 2026 01:21:13 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/forms-are-unstyled#post-23396 Fri, 15 Apr 2011 13:03:15 +0000 Carl Hancock 23396@https://legacy.forums.gravityhelp.com/ <p>I used the Firebug add-on for FireFox to inspect the HTML/CSS and saw what styles were being applied by which CSS stylesheet on your site to narrow down which one was causing the issue. </p> https://legacy.forums.gravityhelp.com/topic/forms-are-unstyled#post-23393 Fri, 15 Apr 2011 12:58:43 +0000 phillipscreative 23393@https://legacy.forums.gravityhelp.com/ <p>Wow awesome support here! I got rid of the universal selector and voila, there is the styling. Can you share with me how you were able to determine it was that mosaic plugin (css).</p> <p>Thanks Kevin and Carl! </p> https://legacy.forums.gravityhelp.com/topic/forms-are-unstyled#post-23376 Fri, 15 Apr 2011 12:10:48 +0000 Carl Hancock 23376@https://legacy.forums.gravityhelp.com/ <p>The issue is styles coming from a jQuery plugin on your site. It is setting EVERYTHING to have border: none; and this is getting applied to all input elements on your form which is why they do not have a border.</p> <p>It's coming from the Sliding Boxes and Captions jQuery Plugin that must be part of your theme. Here is the CSS it is outputting: </p> <p><a href="http://grab.by/9TkA" rel="nofollow">http://grab.by/9TkA</a></p> <p>You will see it's applying a global border; none; to the * element which means EVERYTHING. So the way CSS inheritance works, it's automatically applying border: none; to all the form inputs.</p> <p>You need to remove that border: none; element. </p> https://legacy.forums.gravityhelp.com/topic/forms-are-unstyled#post-23368 Fri, 15 Apr 2011 11:55:05 +0000 phillipscreative 23368@https://legacy.forums.gravityhelp.com/ <p>A step in the right direction since adding wp_head to my header (hangs head in shame), but the fields are still not defined. Are the fields and text areas up to me to style? No problem, just unsure.</p> <p><a href="http://aforsay.org/wp/join-us/membership-form/" rel="nofollow">http://aforsay.org/wp/join-us/membership-form/</a> </p> https://legacy.forums.gravityhelp.com/topic/forms-are-unstyled#post-23330 Fri, 15 Apr 2011 01:00:47 +0000 Kevin Flahaut 23330@https://legacy.forums.gravityhelp.com/ <p>Check your theme to make sure the header.php file has the wp_head() function and the footer.php file has the wp_footer() function call. Both of these are necessary to load the Gravity Forms CSS &amp; JavaScript.</p> <p><a href="http://codex.wordpress.org/Function_Reference/wp_head" rel="nofollow">http://codex.wordpress.org/Function_Reference/wp_head</a><br /> <a href="http://codex.wordpress.org/Function_Reference/wp_footer" rel="nofollow">http://codex.wordpress.org/Function_Reference/wp_footer</a> </p> https://legacy.forums.gravityhelp.com/topic/forms-are-unstyled#post-23325 Thu, 14 Apr 2011 22:26:33 +0000 phillipscreative 23325@https://legacy.forums.gravityhelp.com/ <p>I do have the "output css" radio button checked and yet Gravity Forms seems to not be outputting the css. Not sure why this is happening...</p> <p><a href="http://aforsay.org/wp/join-us/membership-form/" rel="nofollow">http://aforsay.org/wp/join-us/membership-form/</a> </p>