Support » Plugin: Contact Form 7 » CSS styling

  • adminrv

    (@adminrv)


    I am using Contact Form 7 with the version 5.1.1. That means reCAPTCHA version 3 is working automatically. Now I see the reCAPTCHA symbol permanently on the right side on every page on my website.

    I would like this reCAPTCHA symbol is only to see on my contact page (Contact Form 7), but working on every page of my website.

    Is there any CSS-code to get this function?

    Greeting Martin

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Neil Murray

    (@buzztone)

    adminrv

    (@adminrv)

    Hi Neil

    I’m using now this solution:

    * Hides the reCAPTCHA on every page */
    .grecaptcha-badge {
    display: none !important;
    }

    /* Shows the reCAPTCHA on the Contact page */
    .page-id-17 .grecaptcha-badge {
    display: block !important;
    }

    But I’m not sure if this reCAPTCHA is now working on every page of my website.
    You think it is okay?

    Greetings from Martin

    Neil Murray

    (@buzztone)

    But I’m not sure if this reCAPTCHA is now working on every page of my website.

    Disable your CSS fix temporarily – if the reCAPTCHA privacy badge shows then you know reCAPTCHA v3 is working.

    adminrv

    (@adminrv)

    Hi Neil

    Okay, thanks!

    Greetings from Martin

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS styling’ is closed to new replies.