Here's an alternate method that you can try. It uses jQuery to reposition the description.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('li#field_xx_yy .gfield_description').insertAfter($('li#field_xx_yy .gfield_label'));
});
</script>
You'll want to add this to your page template or your header.php file. If you're already calling the jQuery library, you can omit that initial script reference. You'll just need to replace the "#field_xx_yy" with your actual field ID, something like "#field_15_4".
You can repeat that for each description you would like to relocate. The benefit to doing it this is that there is less CSS manipulation (maybe a few margin/padding tweaks) and that it displays inline so will adjust to fit varying lengths of text rather than having to rely on specifying heights in the CSS.
view a screenshot
Posted 14 years ago on Monday February 15, 2010 |
Permalink