P
P
pvgdrk2017-01-25 23:13:13
css
pvgdrk, 2017-01-25 23:13:13

How to change the location of the image verification window in recaptcha?

I'm trying to adapt google recaptcha for the mobile version of the site.
How to change the scale, the solution was found - thanks to zano3adev.
How to scale image checkbox in recaptcha?
Now another problem is location.
The frame with pictures automatically appears slightly to the right of the initial form (Checkbox "I'm not a robot").
It turns out that the frame goes beyond the body
2dc21abeddab4cc4858d513d980261e8.jpg
. And if its scale could be changed, as zano3adev showed, then the location cannot be changed in this way. The css style is overridden by the element's style.
6b3431fb7a844eb6a16fd38a3d8289b5.JPG
Any idea how you can change the coordinates of the appearance of this frame?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
P
pvgdrk, 2017-01-26
@pvgdrk

Stupidly did not notice a comma. Now it all fits
. This is a separate style for the frame with a check on the pictures. transform-origin determines the position on the page

body > div[style]:last-of-type{
    transform: scale(0.75);
    transform-origin: 100px 200px;
}

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question