https://legacy.forums.gravityhelp.com/topic/adding-a-box-around-a-group-of-fields Gravity Support Forums Topic: adding a box around a group of fields en-US Sun, 19 Apr 2026 18:48:56 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/adding-a-box-around-a-group-of-fields#post-317361 Tue, 11 Jun 2013 14:06:06 +0000 Richard Vav 317361@https://legacy.forums.gravityhelp.com/ <p>You're welcome, I am glad it worked for you. </p> https://legacy.forums.gravityhelp.com/topic/adding-a-box-around-a-group-of-fields#post-317353 Tue, 11 Jun 2013 13:58:53 +0000 rd458 317353@https://legacy.forums.gravityhelp.com/ <p>Great solution Richard. Thanks for sharing. The part I couldn't figure out was that I had to end the list-item and unordered-list before placing my div, and then follow the div by a new li and ul. It worked perfectly and my fields are neatly organized now. Thanks again. </p> https://legacy.forums.gravityhelp.com/topic/adding-a-box-around-a-group-of-fields#post-317318 Tue, 11 Jun 2013 13:09:55 +0000 Richard Vav 317318@https://legacy.forums.gravityhelp.com/ <p>Yes that's what I have done previously, so you would add a HTML field to the top of your group adding the following content for example<br /> <pre><code>&lt;/li&gt; &lt;/ul&gt; &lt;div class=&quot;my-box-style&quot;&gt; &lt;ul class=&quot;gform_fields top_label description_below&quot;&gt; &lt;li&gt;</code></pre> <p>Then between your first and second group you would add another HTML field with the following content for example<br /> <pre><code>&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;br /&gt; &lt;div class=&quot;my-box-style&quot;&gt; &lt;ul class=&quot;gform_fields top_label description_below&quot;&gt; &lt;li&gt;</code></pre> <p>and then at the bottom you would add another HTML field with the following content for example<br /> <pre><code>&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;ul&gt; &lt;li&gt;</code></pre> <p>You would have to make sure the ul classes match your form settings so your labels and descriptions appear in the correct places.</p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/adding-a-box-around-a-group-of-fields#post-317298 Tue, 11 Jun 2013 12:55:35 +0000 rd458 317298@https://legacy.forums.gravityhelp.com/ <p>I haven't been able to figure out how to apply something like a 1px border around several fields, in order to create some level of separation on a bigger form with lots of fields. For instance:</p> <p>-------<br /> field 1 |<br /> field 2 |<br /> field 3 |<br /> -------</p> <p>-------<br /> field 4 |<br /> field 5 |<br /> field 6 |<br /> -------</p> <p>Do I add an HTML section with a div, and then another HTML section to close the div, then use CSS to style the div? </p>