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 -- Aligning 2 Coloums (RC3)

  1. Having problems with 1.5 RC3 and this form:
    http://divinginstructortraining.com/contact/enroll/

    If you move through the form, you'll see the Nationality & Country of Residence fields, as well as the age and occupation fields do not align vertically correctly using the CSS Ready Classes for left and right half. Don't know why.

    Is there a minimum width the entire form needs to be? Any idea why these won't top-align correctly?

    Posted 13 years ago on Monday January 10, 2011 | Permalink
  2. Sorry, should have checked preview first. (It worked fine there.)

    My theme (again) was goofing it up, adding padding into the LI element.

    Anywhere in the Gravity CSS this can be over-ridden with an !important on fields like these?

    Posted 13 years ago on Monday January 10, 2011 | Permalink
  3. I'm not sure what you're asking. What are you trying to override?

    Posted 13 years ago on Monday January 10, 2011 | Permalink
  4. Yeah, basically.

    The theme author did a crap job of handling lists, applying styles brute force to all list items on the site.

    My last problem was with LIs being forced to the left margin. I added an !Important to one snippet in the Gravity CSS related to margins and it worked like a charm. But I can't find where I would modify code that would eliminate padding between Gravity list items.

    For now, I've removed padding to all LIs on my theme, but not sure if that's going to look crappy elsehwere. Have to look through the site thorughly.

    Posted 13 years ago on Monday January 10, 2011 | Permalink
  5. Use inheritance to remove the padding just from Gravity Forms. You base this on the wrapper element.

    body .gform_wrapper ul li {padding:0!important}

    That will only affect list items contained inside the "gform_wrapper" div that wraps all the forms.

    Posted 13 years ago on Monday January 10, 2011 | Permalink