Advice re custom CSS for the recaptcha

[Dandelion222]

Bill,

I have changed the homepage for the bakery site I am working on to be 3 columns (widgets) on the homepage and the first includes our order form. Unfortunately at this width the recaptcha from Google doesn’t resize. The form builders said they couldn’t do anything about it. However, I did a search online and found this useful article with CSS recommendations that seem to fix the problem.

How to resize the Google noCAPTCHA reCAPTCHA

The code on this page though is the inline css or – at the end you’ll see a solution that calls for a css embed. I’m not as familiar with that process as I would like to be. I would like to translate this to something I could add to the custom CSS panel, but I fear messing it up. I am wondering if you could help me with that?

C

[Bill Robbins]

Great question there. You might give this a try in your Custom CSS:

div.g-recaptcha {
transform: scale(0.75);
-webkit-transform: scale(0.75);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}

and see if that does the trick 🙂

[Dandelion222]

Yes! That worked. Thank you so much for this extra help!!

[Author]

Posts