https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please Gravity Support Forums Topic: CSS Call for the Multi-Page wrapper please? en-US Mon, 06 Apr 2026 11:47:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28640 Mon, 27 Jun 2011 22:19:33 +0000 entrprnr 28640@https://legacy.forums.gravityhelp.com/ <p>Thank you for the work-around. </p> https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28527 Fri, 24 Jun 2011 20:31:35 +0000 Kevin Flahaut 28527@https://legacy.forums.gravityhelp.com/ <p>Your question was about locating the correct wrapping element to target with CSS and apply properties so yeah, the .gform_wrapper is correct. As it turns out, that's not the issue at hand anyhow. You don't have any padding applied to the top of the form, so what you're seeing on the first page is a break tag that's being inserted before the form title. That break tag doesn't appear in subsequent pages so you're seeing what appears to be a padding difference.</p> <p>That extra break is apparently coming from your theme or another plugin somewhere. It doesn't exist in the normal form markup. You may need to test for conflicts to find out where it's coming from.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict" rel="nofollow">http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict</a></p> <p>For now, you can hide that break tag with some CSS then apply top and bottom padding to the wrapper element.</p> <pre><code>[css] body .gform_wrapper a.gform_anchor+br { display: none; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28489 Fri, 24 Jun 2011 12:28:40 +0000 entrprnr 28489@https://legacy.forums.gravityhelp.com/ <p>Yes... the blue bg does persist but the padding on the top of the form is nonexistent on the multi-page forms. </p> <p>If you tick a box &amp; go to the next page you'll see the top of the bg has no padding above the form title....</p> <p>My question was about the padding, not the bg showing up. :) </p> https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28471 Fri, 24 Jun 2011 09:26:26 +0000 Kevin Flahaut 28471@https://legacy.forums.gravityhelp.com/ <p>I checked your form in 3 different browsers and am seeing the blue background color (#DBECF8) that's applied to the form wrapper does persist through the different pages as intended. Are you having problems with it in a specific browser?</p> <p>Also, you can password protect your form page and send the login via our contact form if you need in the future. </p> https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28459 Fri, 24 Jun 2011 01:39:12 +0000 entrprnr 28459@https://legacy.forums.gravityhelp.com/ <p>Ok, thank you for the reply.</p> <p>I actually intended for the bg to be on all forms - so targeting the ID is a good suggestion; just not what I'm after.</p> <p>So if this wrapper applies to all multi-page forms too, then there must be something conflicting.</p> <p>One of the forms can be found <a href="http://www.blogsetupexpert.com/additional-services-request-form" rel="nofollow">here</a>.</p> <p>It'd be neat if you had a confidential form section that would allow me to post a url and keep it private between posters &amp; admins here.</p> <p>Thank you </p> https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28376 Thu, 23 Jun 2011 10:39:49 +0000 Kevin Flahaut 28376@https://legacy.forums.gravityhelp.com/ <p>There is one form wrapper that persists throughout all of the pages so your CSS rules applied to that wrapper should work across all of the pages as well unless something else is influencing it. Without seeing your form ourselves, there's only so much we should tell you.</p> <p>You might want to target the form wrapper by the unique ID rather than the class so it only applies to the one form and not all of your forms. Also, you shouldn't need the !important declarations unless you've already applied a border style to the .gform_wrapper class elsewhere and need to override it.</p> <p>Here's an example. You would replace the "XX" with the actual ID of your form.</p> <pre><code>[css] body #gform_wrapper_XX { background:#dbecf8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-right:15px; padding-left:20px }</code></pre> <p>If that's not working for you, then we'll need to see the form to help debug from there. </p> https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28360 Thu, 23 Jun 2011 01:45:00 +0000 entrprnr 28360@https://legacy.forums.gravityhelp.com/ <p>Sorry I'd rather not if we can help it.</p> <p>I basically want this CSS applied to every page on the multi page form:</p> <p>body .gform_wrapper {background:#dbecf8!important;<br /> -webkit-border-radius: 5px!important;<br /> -moz-border-radius: 5px!important;<br /> border-radius: 5px!important;<br /> padding-right:15px!important;<br /> padding-left:20px!important;}</p> <p>I just need to know what I should target to have this affect the multi-page steps/pages in addition to the first form page (Previous|Next) </p> https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28357 Wed, 22 Jun 2011 23:57:42 +0000 Carl Hancock 28357@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to your form so we can see what you have going on? </p> https://legacy.forums.gravityhelp.com/topic/css-call-for-the-multi-page-wrapper-please#post-28355 Wed, 22 Jun 2011 23:43:24 +0000 entrprnr 28355@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I have added a container with a bg color to the form, and the padding is just fine on the first page of the form, but goes away on the subsequent pages. I can't seem to locate the CSS target for the multi-page wrapper/container to add the same padding on these pages.</p> <p>Any info is appreciated.</p> <p>Thank you! </p>