https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout Gravity Support Forums Topic: Completely Horizontal Simple Layout en-US Sun, 19 Apr 2026 18:18:37 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-370837 Tue, 09 Jul 2013 09:49:10 +0000 Rob Harrell 370837@https://legacy.forums.gravityhelp.com/ <p>Dave,</p> <p>In regards to that link above, what are you looking to do exactly? </p> https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-368535 Mon, 08 Jul 2013 13:44:09 +0000 Gadarian 368535@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob. It sounds like I'm about to get familiar with the concept - funny you mention it because I was starting to research last night to create one for Firefox for the same button, so the short answer is while I've never written them I think I'll be okay doing it.</p> <p>Here is the link - <a href="http://kb.gadariandigital.com/" rel="nofollow">http://kb.gadariandigital.com/</a></p> <p>Thanks again! Looking forward to learning something new. </p> <p>Best,</p> <p>Dave </p> https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-368136 Mon, 08 Jul 2013 10:29:29 +0000 Rob Harrell 368136@https://legacy.forums.gravityhelp.com/ <p>Dave,</p> <p>Do you have a link to your form and are you comfortable writing CSS with media queries? </p> https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-365433 Sat, 06 Jul 2013 17:35:48 +0000 Gadarian 365433@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob - hope you don't mind me asking for something further regarding the responsive style - I'm doing this same setup for a site right now. Thanks!</p> <p>Dave </p> https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-328689 Mon, 17 Jun 2013 10:04:22 +0000 Rob Harrell 328689@https://legacy.forums.gravityhelp.com/ <p>Peter,</p> <p>That is basically how you would do it. For a responsive layout - you'd have to then write an appropriate style for the submit button to not float depending on the correct media query you want that to take place. </p> https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-323612 Fri, 14 Jun 2013 16:03:40 +0000 Peter Ingersoll 323612@https://legacy.forums.gravityhelp.com/ <p>I'm not a CSS expert, but I found something that looks like it works. I'll have to keep playing with it. I'd really like to make it nicer and work cleaner in a responsive layout.</p> <p>Here's what I added to custom CSS:<br /> <pre><code>#gform_submit_button_3 { float: right; margin: -40px 0px 0 0; }</code></pre> <p>I'd be happy to learn if there is a better technique.</p> <p>- Peter </p> https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-321927 Thu, 13 Jun 2013 23:12:55 +0000 Peter Ingersoll 321927@https://legacy.forums.gravityhelp.com/ <p>Hello Rob,</p> <p>Here's the link: <a href="http://ingersollinteractive.com/" rel="nofollow">http://ingersollinteractive.com/</a><br /> However, it's in "Coming Soon" mode. If you don't mind, you'll need to log in (as a subscriber):<br /> <a href="http://ingersollinteractive.com/wp-login.php" rel="nofollow">http://ingersollinteractive.com/wp-login.php</a><br /> User: Guest<br /> Pswd: GuestAcct</p> <p>And then you will see the beginnings of the home page. The form is in the area below the section labeled "Below this line is the horizontal form."</p> <p>I'd really like to get the submit button on the same line. </p> <p>I'd also like to try and align the HTML "field" that currently says "Please join my list:" to be centered vertically to the input fields. </p> <p>Your help is greatly appreciated.</p> <p>- Peter </p> https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-320622 Thu, 13 Jun 2013 10:07:33 +0000 Rob Harrell 320622@https://legacy.forums.gravityhelp.com/ <p>Peter,</p> <p>You can use our ready classes to align the fields:<br /> <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a></p> <p>The submit button will need some CSS - once you get the fields aligned, post a link to your form for me. </p> https://legacy.forums.gravityhelp.com/topic/completely-horizontal-simple-layout#post-319173 Wed, 12 Jun 2013 17:12:57 +0000 Peter Ingersoll 319173@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>Is this possible and, if it is, how?</p> <p>I'd like on a single-line horizontal form:<br /> - Short text (e.g., "Sign up here")<br /> - Name field<br /> - Email field<br /> - Submit button</p> <p>To look like this:</p> <p>Sign up here: [Name... ] [Email... ] (Submit)</p> <p>Any help is greatly appreciated.</p> <p>- Peter </p>