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.

Wrapper - Custom Width and Height in widget area

  1. Granted, I'm new to GF and I've been looking for an answer that seems like it should be simple, but can't find it.

    What css insert do I need to specify height and width of a form wrapper? And, how do I get the title text to NOT wrap? It seems that no matter what I do on the form title... it wants to wrap to two lines instead of one. If I edit the text to be less words... the form wrapper shrinks and still wraps to two lines...! I'm stuck.

    What I want is width: 300px and height: 150px (way too much dead space at the "submit" area)

    Here's the form at the top of the page: http://www.rhsmsj72.com/

    Here's the css insert I attempted to no avail:

    .gform_wrapper_3 {
    width:300px; !important; height:200px; !important;
    }
    Posted 12 years ago on Friday July 27, 2012 | Permalink
  2. The problem is that your CSS rule was wrong and the element wasn't being properly targeted. The wrapper is an ID and not a class. ( # sign instead of a . ) Try this, it should work for you.

    [css]
    #gform_wrapper_3 {
    	width:300px; !important;
    	height:170px; !important;
    }
    #gform_wrapper_3 h3.gform_title {
    	white-space:nowrap
    }

    screenshot: http://grab.by/f13m

    notice I also added in a rule to prevent the wrapping on the title.

    Hope that helps

    Posted 12 years ago on Friday July 27, 2012 | Permalink
  3. Worked like a charm...! Thanks so much, Kevin... for helping us noobies...!

    Posted 12 years ago on Friday July 27, 2012 | Permalink
  4. No worries. It's usually the little syntax things that drive you bonkers. I'm happy I could help out.

    Posted 12 years ago on Friday July 27, 2012 | Permalink

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