How can I correct the space issues on this form (see below) where I've used drop-down, radio, and checkbox type fields? I just need a little more space (horizontal) as you can see.
http://184.172.172.19/~manda1a/coaching/client-forms/contact-and-personal-info-form/
Thank you
Deborah
Try replacing these selectors in your theme's stylesheet, with the below (i just altered the margin on each):
[css]
.gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li {
list-style: none!important;
list-style: none!important;
background: none!important;
background: none!important;
padding: 0!important;
margin: 0 0 20px 20px!important;
}
.gform_wrapper div.jqTransformSelectWrapper {
clear: none !important;
margin: 0 0 20px 20px;
}Thanks, Rob. Worked great for everything except the drop-down.
That drop-down is NOT working (could be the theme/plugin incompatibility issue?). It doesn't work for the address-state field unless I use the Standard Fields rather than the Advanced Fields. On this form, I just chose NOT to even use the state to eliminate the hassle.
It's because you have a typo in your CSS:
margin-bottom: 0 0 20px 20px; should be margin: 0 0 20px 20px;
on .gform_wrapper div.jqTransformSelectWrapper
Thanks for catching that typo. I corrected it; however, the correction did not fix the drop-down issue.
More than half-way down the form I have the one drop-down. There should be four choices shown in the drop-down but only 2 (+ a little) shows. Scroll bars should appear so you can scroll down to see all the choices. Plus since there's no color in the background of the drop-down -- it's transparent-- and can hardly be read.
I "un-hid" the State in the address area to see if correcting the typo would fix it, but it didn't.
It looks like it changed to me, it's not longer butting up against the label: Screenshot
As for the styling of that drop down, it's definitely tied to your theme styling. For a more thorough pass at styling, I'd suggest using chrome dev tools to inspect it or firebug for firefox, or reaching out to the theme developer or posting on our job board.