CODEWITHSUNDEEP
javascripthtmlcssrecaptcha
Ahsan Abrar
Ahsan Abrar

Reputation: 139

How to make google recaptcha responsive with width 100%

I need to make google recaptcha responsive not with transform scale only with width 100% and other but not transform scale. I am Searching many other sites but many of them only use transform scale.

here is a image.

enter image description here

Upvotes: 5

Views: 4774

Answers (3)

Suraj Dott
Suraj Dott

Reputation: 109

You can do like this

<div class="g-recaptcha" data-sitekey="xxxx" style="transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;"></div>

or

<div class="g-recaptcha" data-sitekey="xxxx" data-size="compact"></div>

Upvotes: 0

Domenik Reitzner
Domenik Reitzner

Reputation: 1613

The problem with Google Recaptcha is, that it is loading in an IFrame, so styles do not apply.

Upvotes: 4

User
User

Reputation: 194

Without knowing your code I'm not 100% sure but try like this:

css

#patherdivofgooglecaptcha * {width: 100%}

If it works but some elements become too big just limit the CSS where you need it, or if it is an iframe try to give 100% directly on the container and not to the children.

Upvotes: -1

Related Questions