Advice re custom CSS for the recaptcha

Support Area Forums Bottega Advice re custom CSS for the recaptcha

This topic contains 2 replies, has 2 voices, and was last updated by  Dandelion222 9 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question: http://66.147.242.199/~batchba1/
  • Author
    Posts
  • #38096

    Dandelion222
    Participant

    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.

    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

    #38100

    Bill Robbins
    Keymaster

    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 🙂

    #38108

    Dandelion222
    Participant

    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.