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.

Checkboxes not displaying vertically... staggered

Gravity Support Forums » Plugin Support » Gravity Forms

  1. peterwordfresh
    Member

    I have several forms on this site, and any that include multiple choice or checkboxes are displaying like a staircase instead of vertically aligning. Not sure why this is happening, but I did check the "<ul >" tags and the HTML looks correct. The problem seems to be with CSS. Every other list on the site using the theme's CSS is displaying correctly. Hope that makes sense. Any idea what's going wrong?

    Example of the problem: http://mosaicny.org/prayer/
    Example of non-gforms list: http://mosaicny.org/leadership/training/

    Here is the theme ul li code: http://www.pastie.org/1209764

    Gravity Forms version 1.4.3.1

    Posted 13 years ago on Saturday October 9, 2010 | Permalink

  2. Kevin Flahaut
    Administrator

    The inputs are inheriting a margin property from your theme and that's causing the issue. There is a blanket margin of 10px applied to all inputs on line 180 of your style-default.css file. That's causing the floated elements to display incorrectly.

    If you disable that rule, or override that rule, you'll see that the formatting is corrected.

    screenshot

    Posted 13 years ago on Saturday October 9, 2010 | Permalink

  3. peterwordfresh
    Member

    I disabled that margin code, and everything is working beautifully. Thanks for your help. :) What tool are using in that screenshot to see the CSS?

    Posted 13 years ago on Friday October 29, 2010 | Permalink

  4. Carl Hancock
    Administrator

    That would be the Firebug extension for FireFox. Safari and Chrome also have their own developer tools that provide similar functionality but Firebug is probably the best of the browser tools for this.

    Posted 13 years ago on Friday October 29, 2010 | Permalink