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.

Reduce Width of Text Area field in Sidebar widget

Gravity Support Forums » Plugin Support » Gravity Forms

  1. n1concepts
    Member

    Please advise how to go about reducing the width of the text area field in GravityForm (widget) to less than 300px? The site is http://ruralhomeloans.us/

    thx,
    Craig

    Posted 14 years ago on Wednesday March 3, 2010 | Permalink

  2. Carl Hancock
    Administrator

    Hello Craig, what you will have to do is add some custom CSS to your themes stylesheet to style the textarea however you want. Since the form is being displayed in a widget you can target the widget and then the form element you want to modify.

    Here is some example code you could try, this would be added to your themes stylesheet file.

    .gravityformswidget textarea {width: 90%;}

    Posted 14 years ago on Wednesday March 3, 2010 | Permalink

  3. Kevin Flahaut
    Administrator

    Craig, an additional note. Since you're using the third party form widget, it doesn't automatically load the default Gravity Forms styles.

    You might want to add the style sheet reference to your page template manually as this will take care of most of the spacing, bullets and other minor style issues I saw on your form.

    Here's a screenshot of the widget with the default Gravity Forms styles enabled.. no additional CSS. You'll see that it fits fine without any other modifications.

    Posted 14 years ago on Wednesday March 3, 2010 | Permalink

  4. n1concepts
    Member

    That did it - thanks guys (both of you!)
    Awesome support and plugin

    Posted 14 years ago on Wednesday March 3, 2010 | Permalink