Neu Google recaptcha zu groß

[_simone_]

"Nutzerfreundlichkeit auf Mobilgeräten > Inhalt breiter als Bildschirm"
Der Fehler tritt bei allen Seiten mit dem recaptcha auf. "Normale" css-Anpassungen greifen da nicht.
Hat jemand schon dieses Problem angegangen?

 

[Julian L]

Hallo _simone_,
leider verhindert google das Anpassen des captchas. Selbst css-Anweisungen mit !important greifen hier nicht. Die einzige mir bekannte Möglichkeit die Größe zu ändern ist, im Captcha-Aufruf (z.B. in contact/index.tpl, Zeile 178) per Inline-Style das Captcha runter zu skalieren. Dafür kannst du dort folgendes einfügen:

style="transform:scale(1);

Die 1 heißt hier 100%, 0.5 würden entsprechend 50% sein.

Im Gesamten sieht das dann so aus:

<div class="g-recaptcha form-group" data-sitekey="{$Einstellungen.global.global_google_recaptcha_public}" data-callback="captcha_filled" style="transform:scale(1);"></div>

eine andere Möglichkeit ist mir nicht bekannt.

Weitere Informationen findest du auch hier: https://developers.google.com/recaptcha/docs/display

 

[_simone_]

Super, vielen Dank.
Ich hab es in die CSS wie folgt aufgenommen:
div.g-recaptcha{transform:scale(0.8);}
Nun sollte Google über seine eigenen, schlecht skalierten Produkte nichts mehr zu meckern haben.