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.

Mis-aligned Checkboxes

  1. jeffbhav
    Member

    This is my site: http://bit.ly/hwrGGw I've read other posts about customizing the custom.rss but i don't have one? I've tried placing your code you recommend to others in the style.css various places but nothing changes on the form. Any help?

    Thanks.

    Posted 13 years ago on Monday February 14, 2011 | Permalink
  2. I'm not sure what you mean by custom.rss, styles are customized using CSS not RSS. RSS has to do with blog post feeds.

    As for style customizations, they would go in your themes stylesheet. In your case that would be your themes style.css.

    Some themes have a custom.css file for style customizations. Not all themes do. It varies from theme to theme.

    You need to place any style customizations at the very bottom of your style.css file. What is probably happening is you have placed your custom styles towards the top of the style.css and css that is executed after your customization is rendering your custom changes useless.

    Posted 13 years ago on Monday February 14, 2011 | Permalink
  3. jeffbhav
    Member

    Hi,

    Excuse my mistake, i meant custom.css - That said, I've added this code you gave other person who had the same issue, you asked him to add the following:
    body .gform_wrapper .gfield_checkbox li input[type="checkbox"],
    body .gform_wrapper .gfield_radio li input[type="radio"],
    body .gform_wrapper .gfield_checkbox li input {margin-bottom:0}

    I did, makes no difference to me. Any ideas?

    Posted 13 years ago on Monday February 14, 2011 | Permalink
  4. It's your theme styles that are causing the problem. It's not the same issue as other sites. The theme stylesheet applies a left float to all labels. See style.css line 553. If you disable that, you'll see that the checkbox alignment is correct.

    screenshot: http://grab.by/8Xpe

    You'll need to override the left float rule. You can add this to the end of your theme stylesheet and it should get you started.

    body .gform_wrapper label {float:none!important}

    Posted 13 years ago on Monday February 14, 2011 | Permalink