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.

CSS ready classes for 3 column layout - alignment

  1. Hello,

    Hoping for some help getting GF fields to line up and space correctly on my implementation. I have three fields and am using the CSS ready classes for 3 column layout. The right-third field drops out of alignment. I have tried suggestions for similar issues found in the forum but can't quite get it right.

    http://www.ignitioninterlockhelp.com/find-location/

    Thanks in advance for any help!

    Best Regards,

    Charles

    Posted 12 years ago on Wednesday November 16, 2011 | Permalink
  2. Hey Charles, try placing this into your theme's stylesheet:

    [css]
    .gform_wrapper ul li {
    margin-left: 0 !important;
    }
    Posted 12 years ago on Wednesday November 16, 2011 | Permalink
  3. Hi Rob,

    Thanks for the tip - that brings all three fields onto the same line and that's excellent. There is still a strange spacing issue where the right-third field is offset from the others. It's above and beyond the call of duty but any tips on tidying that up would be much appreciated!

    http://www.ignitioninterlockhelp.com/find-location/

    Best Regards,

    Charles

    Posted 12 years ago on Wednesday November 16, 2011 | Permalink
  4. Hey Charles, no problem. Try adding this in:

    [css]
    #field_5_2 {
    width: 36%;
    }
    Posted 12 years ago on Wednesday November 16, 2011 | Permalink
  5. Hi Rob,

    That did the trick! I really appreciate your expertise and for taking the time to stop by our webpage to identify the solution!

    Best Regards,

    Charles

    Posted 12 years ago on Wednesday November 16, 2011 | Permalink
  6. Charles, glad to help! Let us know if you need anything else.

    Posted 12 years ago on Wednesday November 16, 2011 | Permalink

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