Following the guide at http://www.rocketgenius.com/gravity-forms-mad-lib-style-form-demo/, I've attempted to create a Madlib style form at http://rainleader.com. This website is using Thesis which has made the CSS styles slightly more complicated.
I'm having issues getting everything to display inline (but got the field labels to go away). Note: The form has a class madlib_form applied to it and individual fields/HTML elements are of class madlib_element. Here's the CSS I'm using in Thesis' custom.css:
/* make all the list items display inline */
.custom form.madlib_form .gfield.gfield_html,
.custom form.madlib_form .gfield.madlib_element {
display:0;
display:inline-block;
zoom:1;
display:inline;
width:auto!important;
height:40px;
line-height:40px;
margin-right:5px;
}
/* hide the labels, descriptions & validation messages */
.custom form.madlib_form .gfield.madlib_element label,
form.madlib_form div.gfield_description,
form.madlib_form div.validation_message {
display:none;
}Any idea on what's wrong?
