https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha Gravity Support Forums Topic: CSS for ReCaptcha en-US Mon, 20 Apr 2026 10:42:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha#post-13063 Sun, 21 Nov 2010 01:54:28 +0000 Kevin Flahaut 13063@https://legacy.forums.gravityhelp.com/ <p>Understood. Glad that helped you out. Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha#post-13061 Sat, 20 Nov 2010 21:37:07 +0000 Jez 13061@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>I have different copies of that form in different places, we were looking at different ones, sorry!</p> <p>Anyway, your latest tweak to just target gfield_label did the trick.</p> <p>Thanks very much your your help.</p> <p>Jez </p> https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha#post-13042 Sat, 20 Nov 2010 10:17:22 +0000 Kevin Flahaut 13042@https://legacy.forums.gravityhelp.com/ <p>No, the containing list ID that I'm targeting is correct. Look at your markup closely and you'll see that it's "field_1_16". </p> <p>Use this instead. It only targets the label with the "gfield_label" class so the reCaptcha div won't inherit from the rule.</p> <p><code>body .gform_wrapper li#field_1_16 label.gfield_label {display:none}</code></p> <p><a href="http://grab.by/grabs/1c783841d0ab6d522545249accad7cf8.png" rel="nofollow">screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha#post-13040 Sat, 20 Nov 2010 08:03:24 +0000 Jez 13040@https://legacy.forums.gravityhelp.com/ <p>Thanks for your help but that did not work. The html I dont want shown is:</p> <p>'&lt;label for="input_3_16" class="gfield_label"&gt;Enter Code&lt;/label&gt;'</p> <p>I noticed it was 3_16 as opposed to 1_16 and changed that, which did the left align like I wanted, however, the message "enter the two words below" dissapreared from re-captcha, which I really need if the label is also going to be missing.</p> <p>Actually, if you check your own screen shot you can see that label missing too...</p> <p>Do you have any other suggestions? </p> https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha#post-13032 Fri, 19 Nov 2010 19:08:19 +0000 Kevin Flahaut 13032@https://legacy.forums.gravityhelp.com/ <p>The containing list item has a unique ID so you can use CSS inheritance to do pretty much anything you need. </p> <p>Try adding this to your theme stylesheet.</p> <p><code>body .gform_wrapper li#field_1_16 label {display:none}</code></p> <p><a href="http://grab.by/grabs/7be88aaf691cf494bba7b084a1b44432.png" rel="nofollow">test screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha#post-13028 Fri, 19 Nov 2010 18:58:39 +0000 Jez 13028@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>Yes, I want al fields to have left labels except for re-captcha where I would like it top level, or removed entirely.</p> <p>It actually displays "top align" in IE, but I think that is just because it is dropping down due to the container size, in FireFox it displays the label left align as per the screen shot I posted.</p> <p>The URL is below, the form is conditional so just alter the drop down list to reveal the full form:</p> <p><a href="http://debtadviceuk.net/" rel="nofollow">http://debtadviceuk.net/</a></p> <p>Thanks for your help. </p> https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha#post-13027 Fri, 19 Nov 2010 18:52:46 +0000 Kevin Flahaut 13027@https://legacy.forums.gravityhelp.com/ <p>I'm not clear on what you want to do here. You want all the fields to have left labels except for the reCaptcha container - you want it to have a top label?</p> <p>Also, a screencap is nice, but doesn't let me inspect/test on your form. Can you include a URL to your form? </p> https://legacy.forums.gravityhelp.com/topic/css-for-recaptcha#post-13022 Fri, 19 Nov 2010 18:37:37 +0000 Jez 13022@https://legacy.forums.gravityhelp.com/ <p>Hello All,</p> <p>I have a problem trying to style the Re-Captcha div.</p> <p><a href="http://img220.imageshack.us/img220/3166/screenierecaptcher.png" rel="nofollow">http://img220.imageshack.us/img220/3166/screenierecaptcher.png</a></p> <p>What I want is to make the labels left align on the entire form except on RE-Captcha where I want the image to be left aligned either:</p> <p>with the label above<br /> no label at all (re-captcha is pretty self explanatory)</p> <p>As you can see from the image above, the label pushes the captcha out of its containter in some browsers, though in some versions of IE it seems ok.</p> <p>Ive looked at the form css and cannot fathom how I would go about making this change, as the php generates the divs etc. If I add a custom style, it does not seem to kill the labels container...</p> <p>Im a bit stuck! </p>