reCAPTCHA v2 iframe height issues -
i'm having issues implementing new version of recaptcha. have website on xampp testing server test blog post comments section. previous recaptcha, there no issues whatsoever. version, iframe recaptcha puts on widget extremely tall. on other websites have implemented, can inspect , see iframe supposed tight widget itself. on site, iframe 800 x 4000 pixels, , causes bottom of page (below widget) stretch far past content. see below links images showing i'm talking about: https://onedrive.live.com/redir?resid=2dca8656db14d615!41273&authkey=!aj2rprvifuda3yu&ithint=folder%2cjpg
i have tried following no avail:
/* recaptcha iframe fix */ iframe {display:none !important;} header iframe, section iframe, footer iframe, div iframe { display:inline; }
the recaptcha simply:
<div class="g-recaptcha" data-sitekey="6lcyqvksaaaaagkr-ba4hkfucthgf0b8buhfoein"></div>
i have recaptcha api.js script called out in header. recaptcha works: can submit comments , populate in database, , i've tested failing recaptcha, , comments not populate. it's iframe issue needs resolved. couldn't find in css cause this, i'm pretty new i'm not entirely sure for.
any ideas?
i able "solve" issue editing recaptcha's div style such:
<div class="g-recaptcha" data-sitekey="your_site_key" style="transform:scale(1); width: 304px"></div>
Comments
Post a Comment