http://www.sikhyouthalliance.org/test-form
In the process of creating my 1st form using gravity forms... and was hoping for some advice
When i placed my Date Field (D.O.B.) it makes the spacing on the next line off (which messes up the rest of the form).
Any easy way to fix this... i thought - gf_left_half gf_list_height_100 (in "registering a spouse?")
Also any other stylistic help would be great...
Thanks
Yes, it's simple, the third field has sub-labels and the others don't so the floated elements below "hang" on the top row. The solution is to define a consistent height for the 3 fields in the top row.
body .gform_wrapper li#field_1_1,
body .gform_wrapper li#field_1_2,
body .gform_wrapper li#field_1_3 {height:80px}screenshot: http://grab.by/8Wqz
Also, the "gf_list_height_25" class only applies to lists of checkboxes & radio buttons. It's not going to do anything with the select fields that you've applied it to so you can remove those.
Add the CSS snippet I posted above to the end of your theme stylesheet and you should be good to go.
Kevin:
Thank you again - worked...
How did you get your drop down buttons to look so "slick"?
the drop-down's are just the default styles using Firefox on a Mac.. I didn't style them differently at all.