Merhabalar,
WordPress tabanlı sitenizde Google Recaptcha kullanıyor ve asla recaptcha logosunu baska yere alamadınız mı? Bu yazıda hızlıca CSS ile bunu anlatıyorum. Google recaptcha logosunun class’ı “grecaptcha-badge” olarak belirlenmiş ve bunu CSS ile override etmemiz mümkün. Aslında !important kullanımı çok önerilmez ancak front-end’de sadece kısa bir yer kaplayan bu logo için kullanılmasında bir sorun görmüyorum. Bu CSS kodunu istediğiniz gibi editleyip başka yerlere de taşıyabilirsiniz.
Peki neden bunu yapıyoruz? Aslında gerek de yok ancak kendi sitelerimin birinde hem form hem de Whatsapp iletişim modulu yukarıdaki resimde olduğu gibi sağ tarafta bulunuyordu ve rahatsız ediyordu.
/* reCAPTCHA v3 sola taşıma */
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}İyi çalışmalar dilerim dostlar!