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.

Tweeking 2 column layout with text fields in theme

  1. Hi,

    I've read a number of posts but I'm not sure where I'm at. Help would be great.

    I have a form with multiple fields and field types. I'd like to arrange some fields into 2 columns and others not. I've used the preset gf field classes for the former but not the latter. Must the preset field classes be all or none or is some alright? Some of the fields are text fields. Is this a problem? Note that I'm getting the result that I want on the form preview.

    Unfortunately, when I embed into my theme, fields in one column push fields that I'd like to lie beside them beneath them. As I read through the forum this seems to be a common problem. But isn't this a column width issue in my case? What's the easiest way to deal with this.? Is there a way to reduce the column width of the form so that it fits on my site as it does in the preview? I've seen some related replies having to do with creating Div elements using the html field but not sure whether it applies in this case or not.

    Here is the page: http://www.hollyhouse.org/feedback-therapy/

    I look forward to your response.

    Posted 6 years ago on Monday August 27, 2012 | Permalink
  2. Bill, here is your culprit: Screenshot

    Drop this CSS snippet in to your theme's stylesheet to alleviate that:

    [css]
    .gform_wrapper li, .gform_wrapper form li {
    margin-left: 0 !important;
    }

    This will result in: Screenshot

    Posted 6 years ago on Monday August 27, 2012 | Permalink
  3. That worked Rob, thanks a bundle!

    Posted 6 years ago on Monday August 27, 2012 | Permalink
  4. No problem, glad to help!

    Posted 6 years ago on Monday August 27, 2012 | Permalink

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