Может ли пользовательский CSS изменить отображение Invisible ReCAPTCHA?

Question

Я использую Invisible ReCAPTCHA для своих форм WordPress CF7. Настройки Advanced Captcha позволяют размещать значок в правом нижнем, нижнем левом или встроенном режиме. Мне нравится компактный дисплей со значком значка с нижней настройкой, но мне не нравится его скучная прокрутка с областью просмотра, особенно на узких мобильных устройствах. Встроенная настройка помещает капчу внизу моей формы чуть выше кнопки Отправить, но, к сожалению, она отображается в полном развернутом состоянии. Может ли кто-нибудь предложить CSS для:

1) Использовать нижний правый параметр и предотвратить его прокрутку?

2 ) Изменить встроенную настройку для отображения только Значок значка (с защищенным содержимым, отображаемым при наведении курсора)?

Скриншоты

Answer 1

Я понял!

1. Go на панели невидимых настроек Расширенные настройки , выберите Значок > внизу right .

2. К вашей таблице стилей CSS добавьте:

.grecaptcha-badge {
  width: 70px !important;
  height: 60px;
  position: static !important;
  float: right !important;
  transform: translateY(12px);  /* Bottom-aligns badge icon & CF7 submit button.
                                   Your value may need to be different */
}
.grecaptcha-badge:hover {
    width: 256px !important;
}