DGRComms
Member
Hi,
I am working on various forms for this website and on this form input boxes are not aligned with the text and also the calendar icon is not working.
https://aadgp.org/wordpress/publications-lists/order-form/
Any ideas what could be causing this? I have tested the form in all browsers and its the same.
This is the shortcode I am using for the form [gravityform id="3" name="Materials Order Form" title="false" description="false" ajax="true"]
Thanks
Ginnie
The datepicker image and the problem there stems from line 59 of your theme's base.css file where it sets all images with a "display: block" property. If you disable that, then you'll see that the image is aligned properly.
screenshot: http://i.imgur.com/jshGXw5.jpg
Yes, there is also a script error so the datepicker isn't launching correctly when you click on the image.
screenshot: http://i.imgur.com/D4YCvMC.jpg
I'm not sure yet, but it looks like you may have 2 different versions of jQuery being loaded (1.8.3 and 1.9.2) and most likely that's the issue. I'll dig a little deeper and let you know what I find.
Richard Vav
Administrator
Your theme is including the following file in the footer of your page
<script type='text/javascript' src='https://aadgp.org/wordpress/wp-content/themes/Centum/js/effects.js?ver=3.5.1'></script>I believe it is this file that is preventing the jQuery UI datepicker script from functioning correctly, it looks like it is an old version of jQuery UI effects core which isn't compatible with jQuery UI 1.9 and newer.
Richard Vav
Administrator
You're welcome, I believe in one of your theme files, probably the functions.php file you will either find the script include I posted above or something similar to this
wp_enqueue_script('effects',get_template_directory_uri().'/js/effects.js',array('jquery'),false,true);whereas they should have used the copy that is included with wordpress by using this instead
wp_enqueue_script( 'jquery-effects-core' );Regards,
Richard