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.

Form Check boxes are not in line

Gravity Support Forums » Plugin Support » Gravity Forms

  1. peterbutler
    Member

    Hi,

    I have a form with multiple check boxes but the boxes and the text do not line up and are a bit to close.

    Can you tell me what is causing the bunching and how to over ride it?

    The form is at
    http://www.smartagentwebsites.com.au/schedule-my-website-briefing

    Thanks

    Posted 13 years ago on Thursday October 28, 2010 | Permalink

  2. David Smith
    Member

    Yeah, there are some weird styles going on here... try something like this:

    .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { overflow:hidden; }
    .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin:0 0 0 180px !important; padding:0; }
    .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { margin-top: -4px !important; }
    Posted 13 years ago on Thursday October 28, 2010 | Permalink

  3. peterbutler
    Member

    Thank you for your help, I have added the code and the text is now further away but the check boxes are still bunched up?

    Posted 13 years ago on Monday November 1, 2010 | Permalink

  4. David Smith
    Member

    Try updating the first declaration I gave you from:

    .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { overflow:hidden; }

    to:

    .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li { overflow:hidden !important; }

    Posted 13 years ago on Monday November 1, 2010 | Permalink