The Big Spring Sale! Up to 50% off!

reCaptcha move to the left , or make invisible

narinegyulumyan337
6 Posts
narinegyulumyan337 posted this 26 September 2023
Ask a Question

How can I move the recapcha to the left side of my website, since it looks terrible with my call to action... Or maybe there's a way to make it invisible?

How can I move the recapcha to the left side of my website, since it looks terrible with my call to action... Or maybe there's a way to make it invisible?
Vote to pay developers attention to this features or issue.
4 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 26 September 2023

Hello,

Unfortunately, Nicepage does not provide the option to hide this badge or move it.
Please try adding the following code to the Site Settings >> CSS to hide recaptcha badge:

.grecaptcha-badge { 
    visibility: hidden;
}

This should help.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello, Unfortunately, Nicepage does not provide the option to hide this badge or move it. Please try adding the following code to the Site Settings >> CSS to hide recaptcha badge: .grecaptcha-badge { visibility: hidden; } This should help. Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
narinegyulumyan337
6 Posts
narinegyulumyan337 posted this 28 September 2023

Hello,

Unfortunately, Nicepage does not provide the option to hide this badge or move it.
Please try adding the following code to the Site Settings >> CSS to hide recaptcha badge:

.grecaptcha-badge { 
    visibility: hidden;
}

This should help.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Thx a lot. It worked)

> Hello, > > Unfortunately, Nicepage does not provide the option to hide this badge or move it. > Please try adding the following code to the Site Settings >> CSS to hide recaptcha badge: > > .grecaptcha-badge { > visibility: hidden; > } > > This should help. > Please let us know if you have any further questions. > > ................................................... > Sincerely, > Olivia > Nicepage Support Team > > Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 > Follow us on Facebook: http://facebook.com/nicepageapp Thx a lot. It worked)
Support Team
Support Team posted this 28 September 2023

Hello Narine,

You can move the ReCaptcha badge to the left, just by placing the following CSS snippet code in the Site Settings>>CSS

fjsg.png

/* Move reCAPTCHA v3 badge to the left */

 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

Or you can even hide it how it was suggested above.

IMPORTANT: According to the Google Guidelines: "You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. Please include the following text:"

This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.

This code you can place in the HTML element under your contact form or in the footer

jagesg8.png

...................................................
Sincerely,
Ahmad.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Narine, You can move the ReCaptcha badge to the left, just by placing the following CSS snippet code in the **Site Settings>>CSS** !fjsg.png! /* Move reCAPTCHA v3 badge to the left */ .grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important; } .grecaptcha-badge:hover { width: 256px !important; } Or you can even hide it how it was suggested above. **IMPORTANT:** According to the Google Guidelines: "You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. Please include the following text:" This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply. This code you can place in the HTML element under your contact form or in the footer !jagesg8.png! ................................................... Sincerely, Ahmad. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
narinegyulumyan337
6 Posts
narinegyulumyan337 posted this 04 October 2023

I will add them, thanks a lot 😊

I will add them, thanks a lot 😊
You must log in or register to leave comments