https://legacy.forums.gravityhelp.com/topic/different-layout-for-multipage-forms Gravity Support Forums Topic: Different Layout for multipage Forms en-US Sun, 19 Apr 2026 18:18:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/different-layout-for-multipage-forms#post-219605 Mon, 22 Apr 2013 16:16:07 +0000 heimo 219605@https://legacy.forums.gravityhelp.com/ <p>Thanks a lot for your reply. That is something I already figured out. Maybe I was not clear enough on what to design :) My problem is, that I want to style the &lt;div class="main"&gt; differently for the different sections/pages. Is it possible to somehow implement a class to the body tag according to the ID of the form section.</p> <p>Like: </p> <p>ID: #gform_page_1_1<br /> &gt;&gt;&gt; &lt;body class="main-gform-page-1-1"&gt; or similar</p> <p>That would be awesome since it's not possible to style parent tags with CSS. </p> https://legacy.forums.gravityhelp.com/topic/different-layout-for-multipage-forms#post-218864 Mon, 22 Apr 2013 06:59:35 +0000 Richard Vav 218864@https://legacy.forums.gravityhelp.com/ <p>You can style the inputs on each page of a multi-page form differently because each page is wrapped in it's own div which is assigned a unique id.</p> <p>For example to target just text inputs on page 1 you can target them by specifying the page number in the css selector like so, the first number is your form number and the second number is the page number.<br /> <pre><code>.gform_wrapper #gform_page_1_1 input[type=text] { border: 1px solid red; }</code></pre> <p>So the following example is how you would just target the text inputs on page two of the multi-page form<br /> <pre><code>.gform_wrapper #gform_page_1_2 input[type=text] { border: 1px solid blue; }</code></pre> <p>Regards,<br /> Richard<br /> --<br /> Just another member of the community helping out where I can </p> https://legacy.forums.gravityhelp.com/topic/different-layout-for-multipage-forms#post-218504 Mon, 22 Apr 2013 04:11:09 +0000 heimo 218504@https://legacy.forums.gravityhelp.com/ <p>Hi. I want to create a multipage form where I have 3 input fields on the first section. I want that first section to be a bit more visually appealing. In sections 2 and 3 i want a more traditional design. </p> <p>Since the sections are loaded via jQuery and are not really on different sections I run into the problem that i cannot apply different styles. </p> <p>Particularly i want to style the .main class which will contain the multipage form. Does any of you know how to solve it? </p> <p>My theme uses different body classes for different pages. So maybe I should create 3 different forms which are connected with redirects. </p> <p>Or am I leading in a completely wrong direction? </p>