Modificando el ancho de la tabla recaptcha

Question

Estoy tratando de integrar recaptcha en un formulario de contacto en mi sitio pero no puedo cambiar el ancho de la tabla, está renderizando a 692px mientras que todo lo demás tiene un ancho de 320px. Pude establecer el ancho de recaptcha img pero no puedo modificar el ancho de la tabla.

Este es el css que estoy utilizando:

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

#recaptcha_widget_div { 
    width: 320px !important; 
} 

.recaptcha-div { 
    width:320px; 
} 

Answer 1

Este enlace tiene la información que necesita.
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

Tenga en cuenta que el ancho mínimo será de 300 px debido a la imagen de captcha proporcionada por google. Sin embargo, si 300 sigue siendo demasiado grande, puede probar este ingenioso truco para ajustar el ancho inferior a 300, y luego salir más grande en el vuelo estacionario. No es ideal, pero funciona. La mejor de las suertes. http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 2

Usando

transform: scale(0.8); 

trabajó para mí.

Answer 3

También utilicé recaptcha en mi proyecto y enfrenté el mismo problema en el ancho de la recaptcha. Lo arreglé usando el CSS siguiente.

style = "transformar: escala (0,77); - webkit-transformar: escala (0,77); transformar-origen: 0 0; -webkit-transformar-origen: 0 0;"

Creo que esto solucionará su problema.

Answer 4

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