Captcha not visible on Chrome

  • Resolved doolyo

    (@doolyo)


    3 years, 1 month ago

    Hello.

    I have setup a website where the captcha is displayed fine on many browsers, like Firefox, Safari and Opera, and the form works great.
    But when using Google Chrome, the 4 letters captcha image is not displayed at all. There is a very little logo instead, telling typically that the image was not visible.

    Did someone already have this issue and found the solution to this?

    Else, how can I proceed from here to get this captcha working.

    Info:
    I am using Contact Form 7 with the “Really Simple CAPTCHA” plugin, on WordPress V5.8.1.
    Chrome is today’s latest version, on Windows 10.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter doolyo

    (@doolyo)

    One more info: this is what the source code that the site provides around the generated captcha when I get it from Chrome:

    <span
class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea></span>
 </label></p><p>Please enter the following characters below:<br />
<input
type="hidden" name="_wpcf7_captcha_challenge_captcha-126" value="6931837551" /><img
class="wpcf7-form-control wpcf7-captchac wpcf7-captcha-captcha-126" width="72" height="30" alt="captcha" src="https://my-site.com/wp-content/uploads/wpcf7_captcha/6931837551.png" /><br
/>

    Maybe this helps to figure out why it is not displaying properly?

    • This reply was modified 3 years, 1 month ago by doolyo.
    Thread Starter doolyo

    (@doolyo)

    I just figured out what was going wrong.
    I had setup a theme custom CSS formatting for the Contact Form 7 and it contained this code:

    .wpcf7
{
     width: 60%;
     background-color: rgba(255, 255, 255, 0.5);
     padding: 20px;
     border-radius: 5px;
     color: black !important;
}

    When setting the “width” to 90% then this problem disappears, and the captcha is displayed properly on Google Chrome, and also on the other browsers of course.
    This is great. Now the captcha is displayed properly and the issue is solved.

    It can be good for other people facing this issue to know about that solution.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Captcha not visible on Chrome’ is closed to new replies.