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.

CheckBox Field

  1. The checkbox field is not positioned correctly. Originally The text above and the check box was off centered. Woo gave me the follow custom.css to use.

    .gform_wrapper .top_label .gfield_label {
    width: auto;
    }

    .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {
    margin-left: 0;
    }

    This worked for the text above the checkbox but didnt resolve the checkbox section.

    http://www.sbsake.com/send-a-message/

    Thanks

    Posted 12 years ago on Thursday May 12, 2011 | Permalink
  2. All the check boxes seem to have indent in there actual location.....

    Posted 12 years ago on Thursday May 12, 2011 | Permalink
  3. Your problem is the style rules coming from your theme. They have applied a 120 pixel left margin to that element. See the style.css file line 787.

    [css]
    .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {
        margin-left: 120px !important;
    }

    You can see that when it's disabled, the layout is corrected.

    screenshot: http://grab.by/a6YW

    You should be able to add this to your custom.css file to override their rule.

    [css]
    body .gform_wrapper .gform_body .top_label .gfield_checkbox, .gform_wrapper .gfield_radio {
        margin-left: 0!important;
    }

    That worked in my test. If not, you will need to ask them how to override that. It's their theme style that's causing your issue, not the Gravity Forms default styles.

    Posted 12 years ago on Thursday May 12, 2011 | Permalink
  4. This seemed to work..... now just need the buttons to work...

    Posted 12 years ago on Thursday May 12, 2011 | Permalink

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