Понедельник, 06 Май 2019 01:20

CSS : изменить размер капчи Google

Предыстория у вопроса такова, что мне подкинули работу – заменить форму обратной связи на одном сайте, сделанном на CMS Bitrix. Вся проблема заключалась в том, что разработчики Bitrix посчитали себя супергероями, положив великий и могучий на чужие разработки, видимо решив, что их то защита (капча) явно получше любой чужой будет. Как можно догадаться по нотам сарказма – не вышло.

Сложности добавило то, что Bitrix – «платный движок» и энтузиастов писать бесплатное решение проблемы на горизонте не наблюдается. Я к слову сказать, так же за бесплатно решать проблемы со спамом с формы обратной связи не собираюсь. Если Вас застигла та же беда – 3000 рублей и решу эту проблему.

Обзор же посвящён несколько другому вопросу, а именно тому, что, подключая форму обратной связи для Bitrix, которая избавила клиента от спама, я столкнулся с другим вопросом, не настолько критичным, но всё же требующим решения. Речь коснётся «стилей», форма на сайте заказчика имела определённую ширину, и стандартная капча Google была несколько больше, нужной мне ширины.

Благо — это всё легко решаемо, следующим кодом:

.g-recaptcha, .g-recaptcha div{
    overflow: hidden;
    max-width: 100%;
    }

.g-recaptcha iframe, body > div[style]:last-of-type
    { transform: scale(0.75);
    transform-origin: left top;
    }

Но, чтобы в будущем не искать, как и где делается, оставил этот обзор на память.

Спонсоры: