Leesa - from Boston
Member
Hello,
I've heard so much about how easy Gravity Forms are, and here I am asking for probably a fairly simple question.
Here is my new form. I am looking to close or tighten up all the free vertical space. Less page scrolling is the goal here. I did look through the forum and played with css for about an hour or more and had to surrender. Hope you can help.
Gravity Form:
http://hooplawdsites.com/clients/2enerwp/order-form-2/
Thank you for your time and expertise!
Leesa from Boston
Hey Leesa from Boston! Try dropping this into your theme's stylesheet:
[css]
.gform_wrapper ul.right_label li, .gform_wrapper form ul.right_label li, .gform_wrapper ul.left_label li, .gform_wrapper form ul.left_label li {
margin-bottom: 0 !important;
}
Leesa - from Boston
Member
Hi Rob,
Thank you for your SPEEDY reply!
That did help. The only other tightening up is the "Description" fields rest far below the boxes. Where would I adjust the px or line height for that? Secondly, if I can align all the boxes 60 pixels more the left toward the titles, that would do the trick.
Once I understand the above, I should be set for when I do my next two forms. I won't need to bug you again. :P
Hope you can help. :)
THANKS in advance!
No problem, try this out:
[css]
.gform_wrapper .gfield_description {
padding: 0 !important;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
margin-bottom: 0px !important;
}I believe the form inputs are being placed where they are based on your longest label which is the shipping/billing label, are you ok if that wraps?
Leesa - from Boston
Member
That helped even more! You are awsome! The wraps might be ok. I can give it a try. Here is what I currently have now at the bottom of my style.css. http://www.pastie.org/pastes/3597755/text.
I'll wait for your reply about the wraps. :)
Actually, I think what may suit you better here is if you choose the Right Aligned label option in the form's settings.
Hey Leesa from Boston - you have yourself a great day too! Glad to help. ;)