How do I make a field description appear above the field instead of below.
I'm trying to follow the directions here:
I took the css code from that thread and pasted it into forms.css like this:
http://www.pastie.org/1226089
Now how do I find my Title field's field id?
You might just try this instead.. put this in your theme header file and it should move all of the descriptions for you instead of having to do it manually.
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.gfield_description').each(function(i,e){
fielddesc = jQuery('<div>').append(jQuery(e).clone()).remove().html();
jQuery(e).siblings('label.gfield_label').after(fielddesc);
jQuery(e).remove();
});
});
</script>Also, you're fields id is found in the markup. View the source, locate the field you want and you'll see the id in line with the other attributes.
Hi Kevin,
I too would like to move the descriptions above the input fields. I found this post and put your script (seen here) into the head area of my theme. I'm using Thesis and put it in the Document Head>Additional Scripts box. But I see no changes as I edit the form nor do I see any changes when I preview the form.
I'm using WordPress 3.1 with Gravity 1.5.RC4.2 (I needed the page break feature). Any thoughts how to make this work? Thanks.
@pcgs51
Can you post a URL to your form page so I can take a look at it?
Hi Kevin,
Here the URL to my form. It is a multi page form.
Ideally I would like the descriptions (gfield_description) to appear above the input areas. But I'd like the section descriptions (gsection_description) to stay where they are which is below the h2 (gsection_title) headings.
But if they all have to move I can live with it. Thanks.
You're adding your script to the header section of the page and the jQuery library doesn't get loaded until the end of the page. You need to put your script in the markup AFTER the jQuery library gets loaded then it should work for you.
Cool. Thanks for the update.
