Change the width of the recaptcha table

Question

I am trying to integrate recaptcha into the contact form on my website, but I can’t change the width of the table, this is rendering at 692px, while I have everything else set to 320 pixels wide. I was able to set the width of the recaptcha img, but I can not change the width of the table.

This is the css that I use:

table#recaptcha_table.recaptchatable.recaptcha_theme_white {
    width: 50% !important;
}

#recaptcha_widget_div {
    width: 320px !important;
}

.recaptcha-div {
    width:320px;
}

Answer 1

Using

transform: scale(0.8); 

worked for me.

Answer 2

This link contains the necessary information.
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

, 300 - captcha, Google. , 300 , 300, . , . . http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 3

I also used recaptcha in my project and ran into the same recaptcha width issue. I fixed this using the below CSS.

style = "transform: scale (0.77); - WebKit transforms: scale (0.77); spectral origin: 0 0; -webkit-transform-origin: 0 0;"

I think this will fix your problem.

Answer 4

.g-recaptcha {
    display: block;
    max-width: 190px;
    overflow: hidden;
    border-right: 1px solid #d3d3d3;
}