Advice re custom CSS for the recaptcha

Support Area Forums Bottega Advice re custom CSS for the recaptcha

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question:
  • Author
  • #38096


    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.

    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?


    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 🙂


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

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Advice re custom CSS for the recaptcha’ is closed to new replies.