https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float Gravity Support Forums Topic: Can't get fields to float en-US Mon, 06 Apr 2026 23:39:05 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-28207 Mon, 20 Jun 2011 18:58:57 +0000 Carl Hancock 28207@https://legacy.forums.gravityhelp.com/ <p>@kristof You need to check for theme and plugin conflicts to see if a plugin is causing a conflict ir if the way your theme is configured is causing a problem. Here is directions on how to do this:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict" rel="nofollow">http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict</a></p> <p>Let us know how it goes and we can go from there. </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-28201 Mon, 20 Jun 2011 15:40:10 +0000 Kristof 28201@https://legacy.forums.gravityhelp.com/ <p>Any other ideas why the date picker icon css is set to hide when I have it set to display in the form? What could I be missing? </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-27603 Sat, 11 Jun 2011 10:55:38 +0000 Kristof 27603@https://legacy.forums.gravityhelp.com/ <p>Hi Carl - The the wp_footer() function call is in the footer </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-27539 Fri, 10 Jun 2011 11:01:59 +0000 Carl Hancock 27539@https://legacy.forums.gravityhelp.com/ <p>Make sure your footer.php file has the wp_footer() function call in place. </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-27535 Fri, 10 Jun 2011 10:35:30 +0000 Kristof 27535@https://legacy.forums.gravityhelp.com/ <p>I looked at the markup and, you're right, it appears the icon set to hide. Any suggestions for why it's doing that when I have it selected to display in the form settings? Thanks. </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-27270 Tue, 07 Jun 2011 22:31:08 +0000 Kristof 27270@https://legacy.forums.gravityhelp.com/ <p>The Date picker Icon is selected. I tried using a custom icon too but still not displaying. </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-27264 Tue, 07 Jun 2011 20:47:47 +0000 Kevin Flahaut 27264@https://legacy.forums.gravityhelp.com/ <p>Sure, it's usually the CSS output option turned off or the need to manually enqueue the scripts when it does that. Glad you figured that out.</p> <p>The obvious question about the datepicker is are you sure that the datepicker icon is set to show in your options panel. From the markup, it looks like it's not. </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-27250 Tue, 07 Jun 2011 18:46:46 +0000 Kristof 27250@https://legacy.forums.gravityhelp.com/ <p>Doh! I had the Output CSS set to No! *smacks head*</p> <p>Okay, now that's solved, The date picker icon isn't displaying. Any ideas?</p> <p>Thanks!</p> <p>BTW: forms were being added via shortcode, but I really appreciate the info on enqueue the scripts. </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-27241 Tue, 07 Jun 2011 18:22:04 +0000 Kevin Flahaut 27241@https://legacy.forums.gravityhelp.com/ <p>It looks like both pages are missing the default form stylesheet - plugins/gravityforms/css/forms.css</p> <p>If that is loaded properly, I believe your display issues will be resolved. Are you embedding the form directly into the page template with the php function call? If so, you need to enqueue the CSS/JavaScript manually so everything functions &amp; displays properly.</p> <p>We always recommend you enqueue the scripts using the function rather than including them as hard-coded calls in your theme. Implementing it this way will insure that Gravity Forms does not include them on the page if they are already present. It is also a good practice to only load these scripts on the front end.</p> <p>Gravity Forms 1.5 introduced the <a href="http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts" rel="nofollow">gravity_form_enqueue_scripts</a> function which allows you to easily enqueue the necessary Gravity Forms' scripts and styles when manually embedding a form. This is also useful if you are using a Gravity Forms widget and do not wish for the styles and scripts to be loaded inline. </p> <p>You will need to manually enqueue the scripts and CSS by placing a short script block in your theme's header.php file.</p> <p>You can find more information at the URLs below</p> <p><a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a></p> <p><a href="http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts</a> </p> https://legacy.forums.gravityhelp.com/topic/cant-get-fields-to-float#post-27235 Tue, 07 Jun 2011 17:34:47 +0000 Kristof 27235@https://legacy.forums.gravityhelp.com/ <p>I'm having an issue with fields not floating (name, address fields, etc.). Everything works correctly in preview so it's a CSS conflict somewhere.</p> <p>Name and address fields here:<br /> <a href="http://www.kristofcreative.com/logo-design/premium-business-identity/" rel="nofollow">http://www.kristofcreative.com/logo-design/premium-business-identity/</a></p> <p>Left and right floats on this form (click Brochure Size &gt; Other to reveal)<br /> <a href="http://www.kristofcreative.com/graphic-designer/business-brochures/" rel="nofollow">http://www.kristofcreative.com/graphic-designer/business-brochures/</a></p> <p>I've gone through the targeting samples CSS page (thank you for that page it's been very helpful) and attempted to add overwriting CSS but I'm obviously missing something because I can't get them to display correctly. The page above is the form with no additional CSS for the floats (form is at bottom of page.</p> <p>Appreciate your help! </p>