https://legacy.forums.gravityhelp.com/topic/aligning-options-next-to-each-other Gravity Support Forums Topic: Aligning options next to each other en-US Sun, 19 Apr 2026 23:39:06 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/aligning-options-next-to-each-other#post-35046 Mon, 12 Sep 2011 08:16:58 +0000 Kevin Flahaut 35046@https://legacy.forums.gravityhelp.com/ <p>yes, the extra left and right padding you've defined in your stylesheet ( style.css line 1778 ) is adding to the overall width of the fields and causing them to be cropped by the container. If you remove the left/right padding there, you'll see that the fields fit properly.</p> <p>screenshot ( padding removed ): <a href="http://bit.ly/qQm7mR" rel="nofollow">http://bit.ly/qQm7mR</a></p> <p>You can either remove the horizontal padding, or target those inputs and redefine the width percentage.. trimming it down a bit.</p> <p>You can try adding this to your theme stylesheet to redefine the widths</p> <pre><code>[css] .gform_wrapper .top_label li.gfield.gf_left_half input, .gform_wrapper .top_label li.gfield.gf_right_half input { width: 95% !important }</code></pre> <p>screenshot ( new widths ): <a href="http://bit.ly/nMcKj7" rel="nofollow">http://bit.ly/nMcKj7</a> </p> https://legacy.forums.gravityhelp.com/topic/aligning-options-next-to-each-other#post-35041 Mon, 12 Sep 2011 00:59:59 +0000 robkhoo 35041@https://legacy.forums.gravityhelp.com/ <p>Kevin,</p> <p>Thants brilliant. The only thing is i'm finding that with the single line text input boxes, the right border is being cut off the input box. Is this a matter of me adjusting some css? </p> https://legacy.forums.gravityhelp.com/topic/aligning-options-next-to-each-other#post-35039 Sun, 11 Sep 2011 23:26:08 +0000 Kevin Flahaut 35039@https://legacy.forums.gravityhelp.com/ <p>Try using the CSS Ready Classes to place the fields side by side. It's easy.. just apply the "gf_left_half" and "gf_right_half" classes to the respective fields and you should be good to go.</p> <p><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>screenshot: <a href="http://bit.ly/nseduZ" rel="nofollow">http://bit.ly/nseduZ</a> </p> https://legacy.forums.gravityhelp.com/topic/aligning-options-next-to-each-other#post-35038 Sun, 11 Sep 2011 23:10:17 +0000 robkhoo 35038@https://legacy.forums.gravityhelp.com/ <p>By the way...Am in love with the plugin, certainly one of the best I have ever used on wordpress.</p> <p>I'd like to be able to condense my forms at times to save space. What I men more specifically is being able to align some options next to each other without having to have everything stacked.</p> <p>On this form I have made it would be great to have the "Salary / Renumeration" option in line with the "Location" option instead of one on top of each other.</p> <p>On the same form I would love to have the "required Japanese" and "required English Level" drop downs next to each other also.</p> <p>If you guys could point a very grateful and hard working guy like myself in the right direction I would be very thankful indeed.<br /> <a href="http://nagoya-info.com/jobs/submit-a-job/" rel="nofollow">http://nagoya-info.com/jobs/submit-a-job/</a> </p>