Recaptcha V2 Image Popup auswählen Iframe Feste Höhe zu klein

Ich habe ein Problem mit der Implementierung von recaptcha V2 Code auf Wordpress Contact Form 7 Plugin.Recaptcha V2 Image Popup auswählen Iframe Feste Höhe zu klein

Ich bin in der Lage, die recaptcha "Ich bin kein Roboter" Checkbox Rendern in Ordnung, aber, wenn ich das Kontrollkästchen die Pop-Iframe, die die Auswahl Bilder enthält rendert mit Höhe bei 225px fixiert. Da die Höhe 580 Pixel (Höhe des Container-Div) betragen sollte, wird der gesamte Inhalt unterhalb des Anweisungstextes (die Auswahlbilder) abgeschnitten. Ich kann die Höhe mit Firefox direkt bearbeiten und den Inhalt anzeigen.

Von dem, was ich erfahre, gibt es keine Möglichkeit, die Iframe zu stylen. Hat jemand dieses Problem oder eine Lösung?

Danke für Ihre Eingabe.

Link-site

Die recaptcha zu leben ist nicht implementiert, weil es die Form unbrauchbar macht. Es wurde mit dem Standard-Google-Code implementiert: <div class="g-recaptcha" data-sitekey="6LeyXiwUAAAAAMcd-K5P1m5YQj1JJg7SWJ_QrxB-">.

Quelle

2017-08-11 James

Bitte einen Hinweis auf den Code zur Verfügung stellen (das heißt einen Link zu Ihrer Website, oder zumindest einen Screenshot). – Ryan

Frage aktualisiert mit Link. – James

Lassen Sie mich wissen, wenn ich richtig verstanden habe: Auf der Kontaktseite Ihrer Website haben Sie ein Kontaktformular 7 E-Mail-Formular, dem Sie reCaptcha hinzufügen möchten, aber die Größe des iFrame, die in Ihre Website für die injiziert wird reCaptcha schneidet es ab? Wenn Sie sagen, dass Sie den Standardcode verwenden, meinen Sie damit die integrierte Google ReCaptcha-Integration oder fügen Sie den Code manuell ein? – Ryan

Das Problem besteht darin, dass statt des eingebetteten iFrame mit einer Höhe von 100% eine feste Höhe festgelegt wird. Ich bin mir nicht sicher, was das Problem verursacht (möglicherweise ein Javascript-Konflikt, da es Inline-Embedded-Styling auf dem iFrame selbst ist).

Sie können jederzeit das Styling in Ihrem eigenen CSS außer Kraft setzen, wie so:

iframe[title="recaptcha challenge"] { 
    height: 100% !important; 
}

Quelle

2017-08-15 22:39:15 Ryan

übersteuern. Ja! Vielen Dank. Ich hatte es versucht, aber den CSS-Selektor nicht richtig verstanden. – James

Verwenden Sie die CSS-Eigenschaft "Zoom" auf dem Iframe. Dadurch können Sie den Inhalt eines Iframes gleichmäßig skalieren und auf die erforderliche Höhe bringen.

Quelle

2017-08-14 19:43:19 Nosajimiki

Das Problem dabei ist, dass Iframe nicht stylable ist, da es Google-Code heruntergeladen wird. Das Problem tritt mit dem Popup-Fenster auf, das nach dem Aktivieren des Kontrollkästchens angezeigt wird, nicht dem anfänglichen Re-Captcha-Feld. – James

Okay, also ist das ein bisschen schwieriger als die Recatcha-Box, aber scheint machbar zu sein. rc-imageselect-table- ist die Klasse der Tabelle, die den recapcha innerhalb des iframes enthält. Wenn Sie also ein Muster erstellen können, sollten Sie in der Lage sein, das CSS mit etwas wie diesem zu injizieren: https://stackoverflow.com/questions/35188324/inject-css-into-iframe-from-third-party – Nosajimiki

lies die Frage. Ich dachte, du versuchst, die Box kürzer zu machen, aber es hört sich so an, als ob etwas die Box abschneidet und du willst es auf die richtige Höhe bringen? Wenn dies der Fall ist, müssen Sie nur die Höhe des Div, der den Iframe enthält, korrigieren. Sie haben wahrscheinlich eine benutzerdefinierte CSS-Regel, die sie versehentlich trifft. Wenn Sie Ihre CSS-Regel klären, können Sie diesen Fehler wahrscheinlich beseitigen. Wenn Sie die Regel nicht finden können, können Sie sie mit einer spezifischeren Regel oder einer! Wichtigen – Nosajimiki

Recaptcha V2 Image Popup auswählen Iframe Feste Höhe zu klein

Antwort

Verwandte Themen