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.

Check Boxes and Radio Buttons Not Working

  1. Having two browser compatibility problems with GForms on this site: testamenteonline.com

    1) Check boxes and radio buttons are unclickable in Firefox. They can only be selected by clicking the text, not the boxes/circles.

    2) In IE everything is clickable and works but the radio buttons are indented in a weird step fashion.

    Anyone seen these before and have a fix?

    Posted 12 years ago on Sunday January 8, 2012 | Permalink
  2. Both issues are being caused by your theme's CSS in style.css around line 1134. The display: inline; here is causing your Firefox issue and the odd stacking. You can target the gravity forms li's to overwrite this if you need this style elsewhere, or you can get more specific on a selector on this widget declaration perhaps. Let me know if you need some guidance here beyond this.

    [css]
    div.widget-area.top ul li {
        background-image: none;
        border: 0 none;
        display: inline;
        line-height: normal;
        margin: 0;
        padding: 0;
    }
    Posted 12 years ago on Sunday January 8, 2012 | Permalink
  3. Thanks so much for the quick response.

    I commented out the inline style and it works like a charm now.

    Gravity forms is awesome, btw!

    Posted 12 years ago on Monday January 9, 2012 | Permalink
  4. Awesome! Glad you are enjoying Gravity Forms!

    Posted 12 years ago on Monday January 9, 2012 | Permalink

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