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.

Move fields closer together

  1. Joshsharpe
    Member

    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!

    Posted 13 years ago on Friday March 11, 2011 | Permalink
  2. 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.

    Posted 13 years ago on Friday March 11, 2011 | Permalink
  3. Joshsharpe
    Member

    Here is my URL address to my site. I have this form on several pages. Thanks in advance for the help!

    http://microcleanwindowcleaning.com/

    Posted 13 years ago on Friday March 11, 2011 | Permalink
  4. 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

    Posted 13 years ago on Friday March 11, 2011 | Permalink
  5. Joshsharpe
    Member

    That worked awesome. Thanks for the help I was really stuck with this one.

    Posted 13 years ago on Saturday March 12, 2011 | Permalink
  6. My pleasure. I'm glad I could help out.

    Posted 13 years ago on Saturday March 12, 2011 | Permalink

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