PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Field Spacing

  1. 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 9 years ago on Thursday March 31, 2011 | Permalink
  2. 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 9 years ago on Thursday March 31, 2011 | Permalink
  3. 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 9 years ago on Thursday March 31, 2011 | Permalink
  4. 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 9 years ago on Thursday March 31, 2011 | Permalink
  5. 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 9 years ago on Thursday March 31, 2011 | Permalink
  6. ibizworks
    Member

    Thanks, Kevin! That worked perfectly. Much appreciated.

    Posted 9 years ago on Thursday March 31, 2011 | Permalink
  7. My pleasure. Thanks for the update.

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

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