Hi Brian,
The hacky way to do this would be to add an HTML field to the top of your form, in that you would place the following content changing the ol class to match your label and description settings
</li>
</ul>
<ol class='gform_fields top_label description_below'>
<li class="gform_hidden" value="0">
then you would add a second HTML field at the bottom of your form, give it the CSS Class Name of gform_hidden and add the following content
</li>
</ol>
<ul>
<li>
Now to your theme's stylesheet you will need to add some CSS to display the numbers as they will be hidden by the default styles.
.gform_wrapper ol li {
list-style-type: decimal !important;
}
That's it, check your form, it should now be displaying a numbered list.
The easiest way, although it's still using an unordered list would be to add a style that tells the ul li's to display a decimal list style indicator like so
.gform_wrapper ul li {
list-style-type: decimal !important;
}
either way you may need to play around with the CSS a bit to get the margins to how you want them.
Regards,
Richard
Posted 11 years ago on Friday June 7, 2013 |
Permalink