Recapctcha overflows outside area (360px width)

Hi @gokh,

Thanks for reaching out!

I was unable to reproduce the issue using theme, and here’s a screenshot. Please kindly know that the styles (including width) come from Google reCAPTCHA.

To address the issue, you could try a custom CSS, like:

.wpforms-container .wpforms-recaptcha-container {
    padding: 10px 0 20px -50px;
}

And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

I hope this helps!

I added the code to the customizer. Unfortunately it didn’t work. https://aselkaasansor.com/iletisim/

Hi @gokh,

Thanks for letting me know, and sharing the URL!

Looking at your form, I could find a CSS snippet to adjust the Google reCAPTCHA size:

@media screen and (max-width: 480px){
    .g-recaptcha {
        transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

Here’s a screencast trying this CSS snippet: https://a.supportally.com/v/4mDmYe.

Hope this helps!

I added Elementor container custom CSS and it worked. Thank you very much..

Hey @gokh – Thanks for letting us know that the CSS snippet worked for you. In case you have any questions, please feel free to reachout.

Kindly,