https://legacy.forums.gravityhelp.com/topic/forms-look-bad-ready-css-not-working-and-missing-elements Gravity Support Forums Topic: Forms look bad ready-css not working and missing elements en-US Sat, 04 Apr 2026 19:19:20 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/forms-look-bad-ready-css-not-working-and-missing-elements#post-265508 Tue, 21 May 2013 08:59:25 +0000 Richard Vav 265508@https://legacy.forums.gravityhelp.com/ <p>I forgot to mention that you will also need to move the &lt;!-- Add fancyBox2 --&gt; section down below the wp_head(); hook that way the fancybox scripts aren't loaded until after jQuery. </p> https://legacy.forums.gravityhelp.com/topic/forms-look-bad-ready-css-not-working-and-missing-elements#post-265396 Tue, 21 May 2013 08:26:23 +0000 Richard Vav 265396@https://legacy.forums.gravityhelp.com/ <p>Looking at the appointment page you are loading jQuery twice, if you right click and view the source of the page you will see that on line 16 jQuery 1.9 is being loaded from the Google CDN<br /> <pre><code>&lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js&quot;&gt;&lt;/script&gt;</code></pre> <p>and then on line 966 the WordPress bundled version 1.8.3 is being loaded (the correct way to load jQuery)<br /> <pre><code>&lt;script type=&#39;text/javascript&#39; src=&#39;http://www.garagedoorsolutionstx.com/wp-includes/js/jquery/jquery.js?ver=1.8.3&#39;&gt;&lt;/script&gt;</code></pre> <p>Loading jQuery multiple times is not advisable as it can cause javascript errors.</p> <p>Now scroll down to the bottom of the source code and you will notice that the footer section is missing so the datepicker activation script is also missing which is why the datepicker icon isn't appearing and the datepicker isn't working.</p> <p>I assume this page is using a custom template you need to make sure that it contains the wp_footer(); php hook.</p> <p>As for the CSS ready classes not working, that is because you have the label position set as left aligned, they only work if the labels are set to top aligned.</p> <p>Resolve these issues and then we can take a look at any remaining issues later.</p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/forms-look-bad-ready-css-not-working-and-missing-elements#post-265333 Tue, 21 May 2013 08:00:51 +0000 pyroboy024 265333@https://legacy.forums.gravityhelp.com/ <p>I have no idea what is happening here this is a completely empty php page i made for a fancybox button here are the issues i am having:</p> <p>Date Calendar Icon is missing<br /> Have to use large fields for elements (time &amp; Service Type) to display full text<br /> Ready-css not working: 2-column (gf_left_half &amp; gf_right_half)<br /> Submit button no style</p> <p><a href="http://www.garagedoorsolutionstx.com/schedule-appointment-popup/" rel="nofollow">http://www.garagedoorsolutionstx.com/schedule-appointment-popup/</a><br /> (the actual link for the pop up on on the entire site in the widgets area called "schedule now")</p> <p>This is also another problem place with these issue:<br /> Tested: Ready-css not working<br /> Submit button no style</p> <p><a href="http://www.garagedoorsolutionstx.com/contact/" rel="nofollow">http://www.garagedoorsolutionstx.com/contact/</a></p> <p>I assume this is site wide because these are my only two forms i've made thus far and i'm running into a lot of styling issues </p>