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.

my form is a mess, nothing seams to work

Gravity Support Forums » Plugin Support » Gravity Forms

  1. mbwconsulting
    Member

    Hi there,

    I'm using the current Genesis Framework with the Agency Child Theme. No changes made to any CSS file yet. I then installed Gravity Forms because it was recommended on the Agency Theme Demo page. Whenever I try to put two or three fields in the same line next to each other the last field in the line doesn't fit in and get's moved downwards to the next line but stays in the same column. To do this I'm using the CSS Class Names gf_left_half, gf_right_half etc. I'm also using the top_label layout option. Everything looks fine in the Gravity Forms preview but not at the Site itself.
    Can anybody please give me a helping hand.

    Thanks in advance,
    Manuel

    Posted 13 years ago on Thursday March 31, 2011 | Permalink

  2. Carl Hancock
    Administrator

    If you can post a link to a page where we can see the issue happening we can provide you with some suggestions on correcting it.

    We can't prevent themes from causing CSS issues with the CSS Ready Classes because of how CSS inheritance work so it's possible your theme CSS is causing the layout issue.

    Posted 13 years ago on Thursday March 31, 2011 | Permalink

  3. mbwconsulting
    Member

    Thanks for your quick reply. Unfortunately I'm still in local development process and not ready yet to go online. I'll keep this problem for later and get back to you as soon as I'm online.

    Thanks for now,
    Manuel

    Posted 13 years ago on Thursday March 31, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Your theme is probably applying margins/padding to list items and if so, this will throw off the widths when trying to use the CSS Ready Classes. If that's the case, you'll need to override those rules with a new one placed at the end of your theme stylesheet. Something like this.

    [css]
body .gform_wrapper .gform_body .gform_fields .gfield {padding:0; margin:0}

    Without seeing the actual form page, that's about all I can tell you.

    Posted 13 years ago on Thursday March 31, 2011 | Permalink