Descenders on letters cut off in ul > li

Gravity Support Forums » General » Feature Requests

Chris Hajer
Key Master
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 14 years ago on Friday October 9, 2009 | Permalink
Carl Hancock
Administrator

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 14 years ago on Friday October 9, 2009 | Permalink
Kevin Flahaut
Administrator

Thanks for the note. I haven't run across that issue so far. Which browser did you originally note the problem in?

Posted 14 years ago on Friday October 9, 2009 | Permalink
Chris Hajer
Key Master

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 14 years ago on Friday October 9, 2009 | Permalink
Kevin Flahaut
Administrator

Okay, thanks Chris. I'll check it out and make sure any fixes get in the next release.

Posted 14 years ago on Saturday October 10, 2009 | Permalink
Chris Hajer
Key Master

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 14 years ago on Saturday October 10, 2009 | Permalink
Kevin Flahaut
Administrator

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 14 years ago on Saturday October 10, 2009 | Permalink
Kevin Flahaut
Administrator

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 14 years ago on Monday October 12, 2009 | Permalink