Modyfikowanie szerokości tablicy recaptcha

Question

Próbuję zintegrować recaptcha w formularzu kontaktowym w mojej witrynie, ale nie mogę uzyskać szerokości tabeli do zmiany, renderowanie ma wartość 692 piksele, podczas gdy wszystko inne ma szerokość 320 pikseli. Byłem w stanie ustawić szerokość recaptcha img, ale nie mogę zmienić szerokości stołu.

To css Używam:

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

#recaptcha_widget_div { 
    width: 320px !important; 
} 

.recaptcha-div { 
    width:320px; 
} 

Answer 1

Ten link zawiera informacje potrzebne.
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

Należy pamiętać, że minimalna szerokość będzie wynosić 300 pikseli ze względu na obraz captcha dostarczony przez google. Jeśli jednak 300 jest wciąż zbyt duże, możesz spróbować tego sprytnego hacka, aby dostosować szerokość mniejszą niż 300, a następnie powiększyć się na zawisie. Nie idealny, ale działa. Powodzenia. http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 2

Korzystanie

transform: scale(0.8); 

pracował dla mnie.

Answer 3

Użyłem również recaptcha w moim projekcie i stanąłem wobec tego samego problemu na szerokość recaptcha. Naprawiłem to za pomocą poniższego CSS.

style = "transform: scale (0,77); - WebKit-transform: skala (0,77); przekształcać-origin: 0 0; -webkit-transform-origin: 0 0";

Myślę, że to rozwiąże problem.

Answer 4

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