I am trying to move the .gfields in the form closer together so their is not much space in between them. I am trying to shrink the length of the form. I am new to css so I am slowly learning. Any help would be greatly appreciated!
I am trying to move the .gfields in the form closer together so their is not much space in between them. I am trying to shrink the length of the form. I am new to css so I am slowly learning. Any help would be greatly appreciated!
If you'll post a URL to your form, I can take a look and give you some guidance. If not, all I can say is to reduce the vertical padding/margins on some of the elements or switch to a left/right label form format.
Here is my URL address to my site. I have this form on several pages. Thanks in advance for the help!
Add this to your custom CSS. This should fix you up. It applies only to this form ID (#1)
#gform_wrapper_1 ul.right_label li,
#gform_wrapper_1 form ul.right_label li,
#gform_wrapper_1 ul.left_label li,
#gform_wrapper_1 form ul.left_label li {
margin-bottom: 0;
}
#gform_wrapper_1 .gform_footer.right_label,
#gform_wrapper_1 .gform_footer.left_label {
padding: 0 0 0 31%;
}
#gform_wrapper_1 .gform_footer {
margin: 0 0 0 10px;
padding: 0;
}
test screenshot: http://grab.by/9q5i
That worked awesome. Thanks for the help I was really stuck with this one.
My pleasure. I'm glad I could help out.