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.

I Need Quick CSS Help with GF

  1. Hey Guys,

    I've got a form and I'm using the nifty field ready classes to make my form two column, but I must be having a CSS issue I can't figure out.

    On the following page, you'll notice the 'Phone' & 'Email' and the 'Account #' & 'Bill Amount' Fields are out of alignment.

    https://www.culliganmidmissouri.com/my-bill/

    How to do I fix this?

    Posted 12 years ago on Wednesday January 18, 2012 | Permalink
  2. Richard Vav
    Administrator

    Hi, the issue is with the following style in your css it is adding a 20px left margin to all the gravity form field containers which is why some of your fields are too wide and dropping down a line. You will need to 0 that margin on that particular page.

    [css]
    #content .post ul li {
    list-style-type: square;
    margin: 0 0 0 20px;
    padding: 0;
    }
    Posted 12 years ago on Wednesday January 18, 2012 | Permalink
  3. Thanks So much Richard,

    That was very helpful and I've got it fixed now.

    Posted 12 years ago on Wednesday January 18, 2012 | Permalink

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