https://legacy.forums.gravityhelp.com/topic/css-alignment-issues Gravity Support Forums Topic: CSS Alignment Issues en-US Sat, 04 Apr 2026 12:14:42 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-alignment-issues#post-54037 Mon, 02 Apr 2012 19:52:18 +0000 David Peralty 54037@https://legacy.forums.gravityhelp.com/ <p>Issue 1: In your layout.css around line 790, you have min-width: 232px which seems to be causing that specific issue.</p> <p>Issue 2: In your base.css around line 193 you have margin-bottom: 20px which is making the spacing be larger than you want. It is being applied to all input boxes.</p> <p>Both issue 1 and 2 have to do with the way the theme was coded, and so CSS inheritance is making a mess of the form. You'll have to adjust those two things in your stylesheets to make things look right.</p> <p>Issue 3: This is related to the Tab Index values. Gravity Forms defaults tab index values to start at 1 by default. Is one of your forms a Gravity Forms widget? If so, you can set the tab index manually for this form. I would suggest somewhere around 20 to be a good value for your specific form. </p> <p>Look at the following image for help: <a href="http://i.imgur.com/16iez.png" rel="nofollow">http://i.imgur.com/16iez.png</a> </p> <p>If you want to change your main form's starting tab index value, you can add the following inside your shortcode: tabindex="X" </p> https://legacy.forums.gravityhelp.com/topic/css-alignment-issues#post-54027 Mon, 02 Apr 2012 17:44:25 +0000 rcgroup 54027@https://legacy.forums.gravityhelp.com/ <p>Hi, I'm testing a new a form and having some problems with alignment. </p> <p>Issue 1: Drop down fields and a field to the right are joined together </p> <p>Issue 2: Spacing, is it possible to decrease the vertical spacing between different fields to further resemble the "preview" form. It is much more compact, I really like the way the form looks when I preview it but when my theme CSS is applied it changes a few things. </p> <p>Issue 3: When I entering the first name and press TAB it goes to a different form at the bottom of the page and not last name. </p> <p><a href="http://www.rcgauto.net/shipping/quote/" rel="nofollow">http://www.rcgauto.net/shipping/quote/</a></p> <p>Thanks for your help. </p>