https://legacy.forums.gravityhelp.com/topic/styling-all-forms Gravity Support Forums Topic: Styling All Forms en-US Mon, 20 Apr 2026 11:49:37 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-all-forms#post-122795 Tue, 15 Jan 2013 19:15:35 +0000 Chris Hajer 122795@https://legacy.forums.gravityhelp.com/ <p>I actually thought Mustard's method was more comprehensive :-)</p> <p>I'll close the topic. Thanks for the assist Mustard. </p> https://legacy.forums.gravityhelp.com/topic/styling-all-forms#post-122791 Tue, 15 Jan 2013 19:01:46 +0000 Mustard 122791@https://legacy.forums.gravityhelp.com/ <p>Well, Chris is the man, so I can understand that ;)</p> <p>Also, you may want to mark this solved? Not sure how this forum does that! </p> https://legacy.forums.gravityhelp.com/topic/styling-all-forms#post-122788 Tue, 15 Jan 2013 18:59:09 +0000 fineline 122788@https://legacy.forums.gravityhelp.com/ <p>I tried both methods and it seems Chris' method works best. Thanks for the help! </p> https://legacy.forums.gravityhelp.com/topic/styling-all-forms#post-122783 Tue, 15 Jan 2013 18:36:02 +0000 Mustard 122783@https://legacy.forums.gravityhelp.com/ <p>Hi Fineline, try adding this to your style sheet:</p> <pre><code>[css] gform_body{ display: inline-block; width: 420px; } .gform_wrapper .gform_footer.right_label{ float:right; }</code></pre> <p>That should make the form be on the right of that image and have the add to cart button floating to the right. </p> https://legacy.forums.gravityhelp.com/topic/styling-all-forms#post-122782 Tue, 15 Jan 2013 18:34:56 +0000 Chris Hajer 122782@https://legacy.forums.gravityhelp.com/ <p>You can add this to your theme's stylesheet to make the form narrower and float it to the right of the image:</p> <pre><code>[css] body .gform_wrapper { float: right; width: 400px; }</code></pre> <p>You might also have to add "float:left;" to the div which holds the image (in your template or post/page), but I did not need to do that in my test. </p> https://legacy.forums.gravityhelp.com/topic/styling-all-forms#post-122778 Tue, 15 Jan 2013 18:24:49 +0000 fineline 122778@https://legacy.forums.gravityhelp.com/ <p>I am new to CSS and can tinker but that's about it. I need my forms to have all the same formatting, but I'm not sure how to do that. Here's a screen shot of what my form looks like by itself. <a href="http://www.finelineprintlab.com/temp/screenshot3.jpg" rel="nofollow">http://www.finelineprintlab.com/temp/screenshot3.jpg</a> </p> <p>All of the forms will have a photo on the left like this. <a href="http://www.finelineprintlab.com/temp/screenshot2.jpg" rel="nofollow">http://www.finelineprintlab.com/temp/screenshot2.jpg</a> The image is left justified in the page and the shortcode is placed next to the image. The form jumps or wraps down below the image. I'd like it to be all left justified next to the image like the description.</p> <p>Here's a link to the form. <a href="http://www.finelineprintlab.com/bamboo" rel="nofollow">http://www.finelineprintlab.com/bamboo</a> </p>