https://legacy.forums.gravityhelp.com/topic/entire-form-on-one-line-help Gravity Support Forums Topic: Entire form on ONE line en-US Mon, 20 Apr 2026 03:04:40 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/entire-form-on-one-line-help#post-57215 Tue, 01 May 2012 15:05:55 +0000 Frank Marion 57215@https://legacy.forums.gravityhelp.com/ <p>I'd try something as simple as #your_form_id * {display: inline-block; margin: 0;} in your CSS </p> https://legacy.forums.gravityhelp.com/topic/entire-form-on-one-line-help#post-57209 Tue, 01 May 2012 14:48:07 +0000 Rob Harrell 57209@https://legacy.forums.gravityhelp.com/ <p>Cool man, yeah i'd say just use Chrome Dev Tools to inspect it and play around there with adding/customizing your CSS to see what works best on the submit button. You can make your selector as generic or specific as you want as each submit input has it's own unique ID, but there are also various classes you can hook onto if you wanted the same effect site-wide. </p> https://legacy.forums.gravityhelp.com/topic/entire-form-on-one-line-help#post-57208 Tue, 01 May 2012 14:44:53 +0000 ianandamy 57208@https://legacy.forums.gravityhelp.com/ <p>Hey Rob! It's a site that is under development so I can't post a link, but if I need to style it with my own css, I'll figure it out! Thanks for pointing me in the right direction! </p> https://legacy.forums.gravityhelp.com/topic/entire-form-on-one-line-help#post-57142 Tue, 01 May 2012 10:33:13 +0000 Rob Harrell 57142@https://legacy.forums.gravityhelp.com/ <p>The submit button will need to be targeted and styled with your own CSS. Do you have a link to your form to share? </p> https://legacy.forums.gravityhelp.com/topic/entire-form-on-one-line-help#post-57093 Mon, 30 Apr 2012 23:10:41 +0000 ianandamy 57093@https://legacy.forums.gravityhelp.com/ <p>Hey Kyle! Thanks for the response, yeah I did check that out, but the submit button is stillo on the second line, I did try and apply the gf_inline to that as well... it looks like this: <a href="http://i50.tinypic.com/20a8n08.jpg" rel="nofollow">http://i50.tinypic.com/20a8n08.jpg</a> </p> https://legacy.forums.gravityhelp.com/topic/entire-form-on-one-line-help#post-57092 Mon, 30 Apr 2012 22:59:25 +0000 kyle 57092@https://legacy.forums.gravityhelp.com/ <p>Did you look at <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">CSS Ready Classes</a>? gf_inline in particular? </p> https://legacy.forums.gravityhelp.com/topic/entire-form-on-one-line-help#post-57087 Mon, 30 Apr 2012 22:40:29 +0000 ianandamy 57087@https://legacy.forums.gravityhelp.com/ <p>Hey! I've been searching the forum for info on getting a simple lead capture form on one (name, email and submit button all on the same horizontal line) but can't seem to find an answer.</p> <p>I kinda want it to look like this:<br /> <a href="http://i46.tinypic.com/2rrmdzr.jpg" rel="nofollow">http://i46.tinypic.com/2rrmdzr.jpg</a></p> <p>Any CSS ninja help would be appreciated.</p> <p>Thanks! </p>