Изменение ширины таблицы рекапчи

Question

Я пытаюсь интегрировать recaptcha в контактную форму на моем сайте, но не могу изменить ширину таблицы, это рендеринг на 692px, тогда как у меня все остальное установлено на ширину 320px. Мне удалось установить ширину recaptcha img, но я не могу изменить ширину таблицы.

Это CSS, который я использую:

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

#recaptcha_widget_div {
    width: 320px !important;
}

.recaptcha-div {
    width:320px;
}

Answer 1

Использование

transform: scale(0.8); 

сработало для меня.

Answer 2

Я также использовал recaptcha в своем проекте и столкнулся с той же проблемой ширины recaptcha. я исправил это с помощью приведенного ниже CSS.

стиль = "преобразование: шкала (0,77); - WebKit-преобразования: шкала (0,77); спектрально происхождение: 0 0; -webkit-transform-origin: 0 0; "

Я думаю, это решит вашу проблему.

Answer 3

Эта ссылка содержит необходимую информацию.
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

Имейте в виду, что минимальная ширина будет 300 пикселей из-за изображения с картинки, предоставленного Google. Однако, если 300 все еще слишком велик, вы можете попробовать этот хитрый способ взлома, чтобы отрегулировать ширину меньше 300, а затем выскочить больше при наведении. Не идеально, но это работает. Удачи. http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 4

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