https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin Gravity Support Forums Topic: Gravity Forms Styling With PREMISE Plugin en-US Wed, 22 Apr 2026 03:08:19 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-47485 Thu, 26 Jan 2012 21:43:51 +0000 Nick 47485@https://legacy.forums.gravityhelp.com/ <p>My hero! :) </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-47484 Thu, 26 Jan 2012 21:31:05 +0000 Rob Harrell 47484@https://legacy.forums.gravityhelp.com/ <p>Try this, replace your current selector in your stylesheet (body .gform_wrapper) with this:</p> <pre><code>[css] body .gform_wrapper { width: 285px; border: 1px solid #C2C2C2; padding: 5px; margin: 0 auto; }</code></pre> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-47483 Thu, 26 Jan 2012 21:22:49 +0000 Nick 47483@https://legacy.forums.gravityhelp.com/ <p>Getting closer, but the check box is over to the left instead of next to the associated text. I guess the radio options in the original example site are like that too, now that I look at it. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-47482 Thu, 26 Jan 2012 21:16:21 +0000 Rob Harrell 47482@https://legacy.forums.gravityhelp.com/ <p>Nick, try placing this into your theme's stylesheet:</p> <pre><code>[css] .ginput_container { text-align: center; }</code></pre> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-47481 Thu, 26 Jan 2012 20:55:35 +0000 Nick 47481@https://legacy.forums.gravityhelp.com/ <p>Any suggestions as to why the form isn't centering here: <a href="http://aquaviews.net/fbtab/contest-entry/" rel="nofollow">http://aquaviews.net/fbtab/contest-entry/</a></p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-35150 Tue, 13 Sep 2011 09:37:57 +0000 gpeterson 35150@https://legacy.forums.gravityhelp.com/ <p>All very helpful, Kevin. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-34994 Sat, 10 Sep 2011 01:05:05 +0000 Kevin Flahaut 34994@https://legacy.forums.gravityhelp.com/ <p>I'm not sure what "plain text" your referring to in point one. I don't see anything but the form title and the fields. The title doesn't look centered though.</p> <p>As for the button, you can add the !important declaration to <a href="http://pastie.org/2511943" rel="nofollow">line 44 here</a>. That will force the auto margins.</p> <pre><code>[css] body .gform_wrapper .gform_footer input[type=&#39;submit&#39;] { color:#FFFFFF; background:red; float:none; display:block; width:160px; margin:0 auto !important; }</code></pre> <p>screenshot: <a href="http://bit.ly/nbcTsy" rel="nofollow">http://bit.ly/nbcTsy</a></p> <p>Also, you have some errors in your rules. You've got commas rather than periods/dots in front of some class names. That's probably why they're not working for you. Here's the erroneous portion.. note the commas before "gform_body"</p> <pre><code>[css] body.gform_wrapper ,gform_body .gform_fields .top_label { text-align: center!important; } body.gform_wrapper ,gform_body .gfield { text-align: center!important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-34982 Fri, 09 Sep 2011 18:51:03 +0000 gpeterson 34982@https://legacy.forums.gravityhelp.com/ <p>Still having problems with a couple of pesky CSS edits: </p> <p>1. I can't get the plain text copy to center over the column of input boxes. (The form's headline and subhead are centering just fine. But once I'm in the ".gform_body" I can't get the left-aligned text to move. I couldn't tell exactly what the code designation for this text area is -- so I went down the GravityForms stylesheet and plugged in centering CSS for each of them. Nonetheless, the text doesn't move. </p> <p>2. Although I can change the color and text of the "SUBMIT" button in the footer...I still am unsuccessful at getting this to center.</p> <p>Any suggestions? </p> <p>Form page is here:<br /> <a href="https://www.archetypecommunications.com/auto-draft-4/" rel="nofollow">https://www.archetypecommunications.com/auto-draft-4/</a></p> <p>Here's the code: </p> <p><a href="http://pastie.org/2511943" rel="nofollow">http://pastie.org/2511943</a></p> <p>Thanks again! </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-34580 Tue, 06 Sep 2011 13:42:47 +0000 Chris Hajer 34580@https://legacy.forums.gravityhelp.com/ <p>We can't view your form preview without being logged in.</p> <p>If you don't like CAPTCHA, you can install the <a href="http://wordpress.org/extend/plugins/wp-recaptcha/" rel="nofollow">ReCAPTCHA plugin</a> which may suit you a little better.</p> <p>That said, I had CAPTCHA in general and have never had the need for one. Obviously, higher traffic sites have to implement them.</p> <p>One thing I do on all my forms is check the "Enable anti-spam honeypot" on the Advanced tab of the form settings. That adds a hidden field to your form that visitors will not see, but bots will. Bots will fill it out, and when Gravity Forms sees this field filled out, it is assumed to be spam.</p> <p>Finally, in <a href="http://www.gravityhelp.com/gravity-forms-v1-6-beta-1-released/" rel="nofollow">version 1.6</a> (currently in beta release) the Akismet anti-spam solution has been integrated. I think that will help reduce spam as well.</p> <p>You could also leave off CAPTCHA for now and implement it if spam becomes a problem. </p> https://legacy.forums.gravityhelp.com/topic/gravity-forms-styling-with-premise-plugin#post-34575 Tue, 06 Sep 2011 13:17:43 +0000 gpeterson 34575@https://legacy.forums.gravityhelp.com/ <p>Thanks, Chris: </p> <p>Using your plain text, the code is working here:</p> <p> <a href="https://www.archetypecommunications.com/auto-draft-4?preview=true&amp;preview_id=2265&amp;preview_nonce=7cb7436023" rel="nofollow">https://www.archetypecommunications.com/auto-draft-4?preview=true&amp;preview_id=2265&amp;preview_nonce=7cb7436023</a></p> <p>Now we at least can see the changes as we make them...</p> <p>That "Captcha" box is a little hard to work with, in terms of getting a uniform look to the column of fields. A couple of questions on that:</p> <p>1) Is there another type of spam-prevention field that is readily available? </p> <p>2) In your experience, is "Contact Form spam" enough of a problem to make this Captcha form a necessity? </p> <p>Thanks! </p>