Field Spacing « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

ibizworks
Member

Hello: On our site http://www.portalchatter.com/tempcurbscapesdesign/ at the bottom left hand portion of our site we have a form we would like to tighten up the link spacing and get rid of the green arrows. Can anyone provide advice how to make this happen? Thanks.

Posted 13 years ago on Thursday March 31, 2011 | Permalink
Kevin Flahaut
Administrator

For the arrows, check the first question on formatting/styling on the FAQ page.
http://www.gravityhelp.com/frequently-asked-questions/
Did you check there before?

line 1732 of your style.css file adds extra margins & paddings to all lists inside the footer. Your form is contained in a list so it's inheriting from that. You'll need to override that with a new rule. You can find out how to properly target the list items and other elements for CSS manipulation from this guide.

http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

Posted 13 years ago on Thursday March 31, 2011 | Permalink
ibizworks
Member

Thanks, Kevin. We did see/read the FAQ page, but it sort of flew over our head, probably like most who don't make a living css coding :)

We were able to remove the bullets, but need a bit more help determining how to remove the extra margins and paddings connected to our list inside the footer.

We only need help on these four simple four field form then we (and you) are on our way.

Thanks

Posted 13 years ago on Thursday March 31, 2011 | Permalink
Kevin Flahaut
Administrator

No worries. Sorry, I guess that kinda came across wrong looking back. Let me take a closer look at your form and I'll whip up a little CSS snippet to get you on your way.

Posted 13 years ago on Thursday March 31, 2011 | Permalink

Okay, try adding this to the end of your style.css file

[css]
body #gform_wrapper_1 {
    margin: -20px 0 0 0;
}

body #footer-widgeted .gform_wrapper ul,
body #footer-widgeted .gform_wrapper ul li {
    margin: 0;
    padding: 0;
}

body #gform_wrapper_1 .gform_footer {
    margin: 0;
}

test screenshot: http://j.mp/f1bxpd

Posted 13 years ago on Thursday March 31, 2011 | Permalink

ibizworks
Member

Thanks, Kevin! That worked perfectly. Much appreciated.

Posted 13 years ago on Thursday March 31, 2011 | Permalink
Kevin Flahaut
Administrator

My pleasure. Thanks for the update.

Posted 13 years ago on Thursday March 31, 2011 | Permalink

This topic has been resolved and has been closed to new replies.