Support » Plugin: Invisible reCaptcha for WordPress » Badge CSS not working

Badge CSS not working

  • Resolved GermanKiwi

    (@germankiwi)


    4 years, 3 months ago

    Hi, I’m trying to add some CSS to the “Badge Custom CSS” box, but it doesn’t seem to be working.

    I’ve set my badge position to inline, but whatever CSS I enter into that box, doesn’t have any effect on the badge itself, and furthermore I can’t even see the CSS on the page when I use the “Inspect” tool in Chrome, or when I view the source HTML.

    To be honest I’m not sure exactly which HTML tag should get the CSS either – should the CSS be inserted inline into the HTML tag itself? (If so, which tag exactly?) Or should the CSS be added directly into the <head> section, or should it be a external CSS file referenced in the <head> section?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author MihChe

    (@mihche)

    4 years, 2 months ago

    Hi @germankiwi,
    Could you please send me the URL where this is not working properly?
    http://www.wpbruiser.com/contact

    ~Mihai

    Thread Starter GermanKiwi

    (@germankiwi)

    4 years, 2 months ago

    Hi Mihai,

    I’ve just sent it to you now, via your contact form. Thanks!

    lxbdr

    (@lxbdr)

    4 years, 2 months ago

    Hi @mihche,
    I encountered the same problem. I solved it for now by setting my rules via the Themes Custom Css option, but this is not applied to the login page where everything is a little thight and I would need an some margin for the inline badge.. Can you help me with that?

    Plugin Author MihChe

    (@mihche)

    4 years, 2 months ago

    Hi @lxbdr,
    Yes, I can help you. Please send me your site url through http://www.wpbruiser.com/contact

    ~Mihai

    nicozieg

    (@nicozieg)

    4 years, 2 months ago

    Hi,

    I have exactly the same issue as everyone else.

    When I enter:

    .grecaptcha-badge{display: none;}

    The whole badge disappear so the CSS works but when I enter:

    .grecaptcha-badge{box-shadow: none;}

    Nothing happens…

    Could you explain me what should be the syntax please?

    Cicero83

    (@cicero83)

    4 years, 2 months ago

    I’m also having this problem. When I want to change the colors, it doesn’t work. When I type display:none; it works. I have the plugin activated in a multisite install.

    Plugin Author MihChe

    (@mihche)

    4 years, 2 months ago

    Hi,
    Even if Google claims that you can style the badge, I’ve figured out that you cannot style everything over there because Google serves the badge in an iframe.

    ~Mihai

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Badge CSS not working’ is closed to new replies.

Views