I'm using GF on a Wordpress theme, and finding that the checkboxes and radio buttons are placed fine but their labels are placed about 20 pixels higher than the checkbox or radio button. I've tried modifying the following:
.gform_wrapper.gf_browser_safari .gfield_checkbox li input[type="checkbox"] label,
.gform_wrapper.gf_browser_safari .gfield_radio li input[type="radio"] label,
.gform_wrapper.gf_browser_safari .gfield_checkbox li input label {
vertical-align: baseline !important;
margin-top: 20px !important;
}This has no effect. I've also tried:
.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
margin-top: 20px !important;
vertical-align: baseline !important;
}This has no effect. I've also tried numerous other approaches. None of them are solving the issue. Checking with Firebug hasn't revealed any other GF-related classes that could be causing this problem.
I know GF support can't help with problems like this, since the issue is a third-party theme, but I'm at wit's end after trying for so long to chase down this problem. I thought perhaps someone here has enough experience with GravityForms CSS to point me in the right direction. If you can help, thanks!
