<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="bbPress/1.0.1" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Gravity Support Forums Topic: Flexible width input fields</title>
		<link>https://legacy.forums.gravityhelp.com/topic/flexible-width-input-fields</link>
		<description>Gravity Support Forums Topic: Flexible width input fields</description>
		<language>en-US</language>
		<pubDate>Mon, 20 Apr 2026 03:19:35 +0000</pubDate>
		<generator>http://bbpress.org/?v=1.0.1</generator>
		<textInput>
			<title><![CDATA[Search]]></title>
			<description><![CDATA[Search all topics from these forums.]]></description>
			<name>q</name>
			<link>https://legacy.forums.gravityhelp.com/search.php</link>
		</textInput>
		<atom:link href="https://legacy.forums.gravityhelp.com/rss/topic/flexible-width-input-fields" rel="self" type="application/rss+xml" />

		<item>
			<title>Tristan on "Flexible width input fields"</title>
			<link>https://legacy.forums.gravityhelp.com/topic/flexible-width-input-fields#post-82532</link>
			<pubDate>Mon, 22 Oct 2012 00:01:06 +0000</pubDate>
			<dc:creator>Tristan</dc:creator>
			<guid isPermaLink="false">82532@https://legacy.forums.gravityhelp.com/</guid>
			<description>&#60;p&#62;Hey there,&#60;/p&#62;
&#60;p&#62;Can somebody help me with the CSS required to make my form like the one on the Gravity Forms homepage at the bottom (Newsletter signup)&#60;/p&#62;
&#60;p&#62;&#60;a href=&#34;http://gravityforms.com/&#34; rel=&#34;nofollow&#34;&#62;http://gravityforms.com/&#60;/a&#62;&#60;/p&#62;
&#60;p&#62;The inputs on this scale to the screen size. I have a form on the following page and as the page gets smaller the submit button gets lost off the right side:&#60;/p&#62;
&#60;p&#62;&#60;a href=&#34;http://www.re-construction.com.au/convert-my-property/&#34; rel=&#34;nofollow&#34;&#62;http://www.re-construction.com.au/convert-my-property/&#60;/a&#62;&#60;/p&#62;
&#60;p&#62;The current CSS for the inputs is:&#60;br /&#62;
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {border:1px solid #ED1C24; width: 181px;font-size:15pt; margins: none; padding: none;}&#60;/p&#62;
&#60;p&#62;Alternatively, is it possible to go from horizontally aligned input fields to vertically if the screen size gets smaller?&#60;/p&#62;
&#60;p&#62;Just trying to workout an elegant solution to this.&#60;/p&#62;
&#60;p&#62;Cheers,&#60;br /&#62;
Tristan
&#60;/p&#62;</description>
		</item>

	</channel>
</rss>
