Miva Merchant Development by Scot's Scripts

ReCAPTCHA: Hide ReCaptcha Icon From Print via CSS

Miva Knowledge Base
ReCAPTCHA: Hide ReCaptcha Icon From Print via CSS

WARNING:

This information is offered "AS IS" for internal reference only. Use at your own risk.
Does AI actually understand your Miva Merchant store? Our smart JSON-LD schema generator makes sure it does. Contact us to get started. (more info)

ReCAPTCHA: Hide ReCaptcha Icon From Print via CSS

Scot Ranney • July 24, 2026


THIS CODE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED;
THE AUTHOR DISCLAIMS ALL LIABILITY FOR ANY DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR STORE DISRUPTIONS ARISING FROM ITS USE.


This is a safe way to hide the ReCAPTCHA icon when making something for print like an invoice. 

If you're printing your invoice page or something and don't want to see the ReCaptcha v3 icon/outline/shadow, add this to your css:

@media print {
 /* Safely hides the reCAPTCHA icon and its layout shadow from the paper */
  .grecaptcha-badge {
	visibility: hidden !important;
	opacity: 0 !important;
	transition: none !important;
  }
}

It needs to "be there" or Google will bite your head off, so we never use display: none; - but it's safe to hide on printing using slightly less hammer method css.


https://www.scotsscripts.com/mvblog/recaptcha-hide-recaptcha-icon-from-print-via-css.html

mvkb_css mvkb_google mvkb_recaptcha