Support » Plugin: Contact Form 7 » How do I hide reCAPTCHA v3 badge?

  • Resolved Ercan GUNES

    (@ercangunes)


    Hello,

    With the reCAPTCHA v3, badge appears on every page. How can I make this invisible?

Viewing 13 replies - 1 through 13 (of 13 total)
  • Hyrules

    (@hyrules)

    Add the following to the css style of your website. It will hide the badge.

    .grecaptcha-badge{
    	visibility: collapse !important;  
    }
    Ercan GUNES

    (@ercangunes)

    @hyrules I tried it many times but it doesn’t work.

    Hyrules

    (@hyrules)

    At least it worked for me. Did you had the important keyword when you tried it ? I had this working on my site. Maybe the css class is not the same.

    Ercan GUNES

    (@ercangunes)

    @hyrules I’m using Avada theme. Everything is up to date, in the latest version.

    Hyrules

    (@hyrules)

    First thing to check is if the css class is the right one. If you open the developper tools in your browser and select the badge what do you get for the class ? Second make sure your put the line of code in the Style.css in your wordpress theme.

    • This reply was modified 11 months ago by  Hyrules.
    hbaum

    (@henrybaum)

    I’m using Avada as well and this works:

    .grecaptcha-badge {
    display: none !important;
    }

    Ercan GUNES

    (@ercangunes)

    @hyrules @henrybaum I just looked at the secret tab. Yes it works. I guess I didn’t notice it because of Cache. Thank you for your interest.

    studioram

    (@studioram)

    If you still want to use ReCaptcha V3 on every page, don’t use ‘display:none’. Instead type ‘opacity:0’. More info in this post.

    And don’t forget to add the terms and Google privacy link to your contact form: ‘This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.’

    • This reply was modified 11 months ago by  studioram.
    Ercan GUNES

    (@ercangunes)

    @studioram I want to use reCAPTCHA v3. But I just don’t want the badge to appear on all pages.

    Is the code below not suitable for this? reCaptcha V3 not working in the background?

    .grecaptcha-badge {
    display: none !important;
    }
    studioram

    (@studioram)

    @ercan GUNES
    ‘display:none’ disables the spam checking. ‘opacity:0’ won’t. More info on stackoverflow

    • This reply was modified 11 months ago by  studioram.
    Ercan GUNES

    (@ercangunes)

    @studioram Really. Thank you so much. I’m fixing now.

    betsy004

    (@betsy004)

    Yay that worked! I used this in Enfold theme under the Child Theme, General Styling, Quick CSS box:

    /*---Hide reCaptcha v3 visible seal---*/
    .grecaptcha-badge {
    opacity:0 !important;
    }
    josmatic

    (@josmatic)

    .grecaptcha-badge{
    	visibility: collapse !important;  
    }

    For me this works great!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How do I hide reCAPTCHA v3 badge?’ is closed to new replies.