reCAPTCHA logo-form footer

Ask the Community General Questions
1

Hi,

Would it be possible to add the small Google reCAPTCHA logo to the form?

Right now, it’s only displaying the text about the active reCAPTCHA service.

I’m really just looking for the small logo in the footer.

Thank you

2

Hey @El_Porcalik, welcome to our cozy Community :teacup_without_handle:

Sure, I’ll check your request with the devs and will get back when I hear from them. Bear with me for some time :folded_hands:

4

Hi @El_Porcalik,

I’m back with the good news! Our devs prepared a customisation for you :tada:

I just applied this CSS code:

.custom-recaptcha-logo {
  margin-top: 1rem;
  width: 4rem;
  margin-left: calc(50% - 2rem);
}

and this script:

(function () {
	const WIDGET_ID = '48cdc205-24d7-46ad-8603-beef09ac23df';
	const LOGO_URL = 'https://i.ibb.co/mVrmspTw/Recaptcha-Logo.png';

	const addLogo = () => {
		const widgetFooter = document.body.querySelector(
			`.elfsight-app-${WIDGET_ID} [class*="Footer__WidgetFooter-sc"]`
		);

		if (!widgetFooter) {
			setTimeout(addLogo, 250);
			return;
		}

		const logo = document.createElement('img');
		logo.className = 'custom-recaptcha-logo';
		logo.src = LOGO_URL;
		logo.alt = 'Recaptcha Logo';

		widgetFooter.append(logo);
	};

	addLogo();
})();

to your CenyZvicina Form Builder. You can find the codes in the Custom CSS and Custom JS sections :raising_hands:

Please note that this solution will be visible on the live website, not in the widget editor.

Check it out and let me know what you think :smiling_face:

1 Like
5

Great job, thank you very much. You are amazing.

2 Likes
6

Thank you for your kind words! We’re happy to make it work for you :hugs:

Have a nice day!