Change the post image upload from input to button

To give an update. I used the jQuery plugin Uniform to style the button - http://pixelmatrixdesign.com/uniform/

It works good, but the only thing is that the validation fails on the form, the styling breaks. From looking at it, it looks like the jQuery isn't applied when the validation passes. And unluckily for me, I'm not an expert on the jQuery. So any help would be greatly appreciated. My form is here http://www.ratemypoo.eu (I know, it was a bit of an idea from me and my mates!)

Excuse my ignorance, where is the disable ajax option on the submission? I can't find it?

Aha! Well that worked a treat! Shame I can't make it work with ajax. but that will do I suppose.

Hi 2urn,

Sorry, just got this reply now!

Firstly, download uniform.

Upload it to your theme's JS folder and call it. I use enqueue_script like this (this also removes jQuery from the header of the site and moves it to the bottom):

function my_init() {
	if (!is_admin()) {
		wp_deregister_script('jquery');
		wp_register_script('jquery', '/wp-includes/js/jquery/jquery.js', false, '1.4.2', true);
		wp_enqueue_script('jquery');
		wp_enqueue_script('uniform', get_bloginfo('template_url') . '/js/jquery.uniform.min.js', array('jquery'), '1.0', true);

	}
}
add_action('init', 'my_init');

Next add the stylesheet to the page you want it to appear on.

Then target the elements you want to make pretty with:

jQuery("select, input:file").uniform();

I then set the image with gravity forms for the submit and upload buttons.

I hope this helps. If you have any more questions, please let me know!