5

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

rink.attendant.6
  • 44,500
  • 61
  • 101
  • 156
Ahsan Abrar
  • 139
  • 3
  • 13
  • 2
    Can you add your HTML and CSS? Without that it's very hard to help you. – CodeF0x May 18 '18 at 07:49
  • No because i am using API but I'm overwrite this CSS. thanks – Ahsan Abrar May 18 '18 at 07:52
  • Then I think this post may help you: https://stackoverflow.com/questions/27691411/change-new-google-recaptcha-width?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa – CodeF0x May 18 '18 at 07:57

3 Answers3

4

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

Domenik Reitzner
  • 1,583
  • 1
  • 12
  • 21
0

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>
Suraj Datheputhe
  • 99
  • 1
  • 7
-1

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.

User
  • 194
  • 2
  • 12