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.

Descenders on letters cut off in ul > li

  1. See http://chrishajer.com/bbpress/before-and-after.png

    The descenders on letter P and letter Y are being cut off with the default CSS (left hand, Before image). I found that modifying the line height helped (the right hand After image.)

    .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
    line-height: 1.3em;
    }

    I didn't do a ton of testing with different browsers, and I know I can do other things with the CSS, but I would like to suggest that the default CSS have a line-height set that allows the descenders on p, q, y, g, Q, (etc.) to be properly displayed.

    Thank you.

    Posted 9 years ago on Friday October 9, 2009 | Permalink
  2. Thanks Chris, we'll take a look. For now what you will want to do is override the CSS in your themes stylesheet. I recommend not modifying the form.css in the plugin as this gets overwritten when an automatic upgrade is done.

    Posted 9 years ago on Friday October 9, 2009 | Permalink
  3. Thanks for the note. I haven't run across that issue so far. Which browser did you originally note the problem in?

    Posted 9 years ago on Friday October 9, 2009 | Permalink
  4. The screenshot was from Firefox 3.5.3 on Windows XP SP3. It looks the same in Chrome 3.0.195.25 on Windows XP and Safari 4.0.3, and still happens with IE8 but it's almost not noticeable there (but it's still there).

    I didn't check in any other browsers or OS.

    Thanks

    Posted 9 years ago on Friday October 9, 2009 | Permalink
  5. Okay, thanks Chris. I'll check it out and make sure any fixes get in the next release.

    Posted 9 years ago on Saturday October 10, 2009 | Permalink
  6. It could be a combination of the theme and Gravity Forms I suppose. I'm using the StudioPress Church 4.0 theme on both the sites where I saw the problem.

    Posted 9 years ago on Saturday October 10, 2009 | Permalink
  7. True. With all the possible theme implementations, it's probably good form to specify the line height to avoid issues. Thanks for the extra information.

    Posted 9 years ago on Saturday October 10, 2009 | Permalink
  8. I couldn't replicate the issue on my installation. I was probably related to the theme but I've defined a line height for those labels to try to avoid issues in the future.

    Posted 9 years ago on Monday October 12, 2009 | Permalink