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 Width Creating Margin Problems

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Chris Rufo
    Member

    Hello,

    I recently renewed my GF Business License to try to resolve an issue I'm having with my forms. I've got the form looking just as I want it at http://ageofchampions.org/premiere/. The problem is that it creates some problems with the overall page margins -- so if you scroll down to the footer, there's extra white space to the right.

    I'm not sure how I should adjust my CSS to keep the form looking the same and eliminating the spacing problem. Right now, I have it set like this and I think this is causing the margin problem:

    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {width:550px}

    But when I put width:320px (the size of the column), the form appears very narrow.

    Appreciate your help. Love the program and couldn't find a solution in the forums for this issue. Thank you!

    Christopher

    Posted 11 years ago on Friday February 15, 2013 | Permalink

  2. Rob Harrell
    Member

    Christopher, did you get this sorted out already? I pulled up that link and everything looks good to me.

    Posted 11 years ago on Friday February 15, 2013 | Permalink

  3. Chris Rufo
    Member

    No, I'm still seeing the problem and have tested it in a few browsers. If you make your browser window a bit smaller and scroll the right, you'll see the empty space beside the footer.

    Any idea how to fix this with the Gravity Form CSS?

    Posted 11 years ago on Friday February 15, 2013 | Permalink

  4. Rob Harrell
    Member

    Christopher,

    I see what you mean now. You need to axe this:

    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {width:550px}

    Once you do, simply change the field size in the form builder for each of your fields from Medium to Large and you should be good.

    Posted 11 years ago on Friday February 15, 2013 | Permalink

  5. Chris Rufo
    Member

    Awesome, thank you. Gravity Forms rules!

    Posted 11 years ago on Friday February 15, 2013 | Permalink

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