Ẩn biểu tượng Google reCaptcha tích hợp Contact Form 7

Google reCaptcha giúp giảm spam khi tích hợp Contact Form 7. Tuy nhiên, biểu tượng xuất hiện ở khắp các trang khá mất thẩm mỹ và có thể chồng lên các icon khác như hotline, messenger,..

Nếu muốn ẩn biểu tượng Google reCaptcha thì hay dùng đoạn CSS sau, thêm vào CSS bổ sung của theme:

body:not(.page–id–XX) .grecaptcha–badge {

display: none;

}

XX là id trang (page) muốn hiển thị biểu tượng Google reCaptcha, còn lại không bị ẩn đi.

Nếu có thêm page YY, ZZ cần hiển thị biểu tượng Google reCaptcha, hãy sử dụng đoạn CSS sau:

1	body:not(.page–id–XX):not(.page–id–YY):not(.page–id–ZZ) .grecaptcha–badge { display: none; }

Chúc các bạn thành công.