reCAPTCHA error message not CSS styled

  • Resolved therealshadowhunter

    (@therealshadowhunter)


    4 years ago

    Goodday,

    I found following styling issue when using forms.

    1. Fill in all required fields except solving reCAPTCHA (here v2 tickbox)
    2. Click “Send”
    3. In the top of the form “Invalid Captcha” is shown in plain text, no CSS styling (red error background)

    Now, if you disable cookies (reCAPTACHA is hidden) and repeat the above the message to “please enable cookies” is correctly styled (red background)

    And finally enable cookies again and repeat again the steps above, the message that the reCAPTCHA” is invalid is now correctly styled.

    So it seems for some reason that the initial CSS styling for this field was not loaded.

    Hope you can reproduce.

    Thank you for your support and form making Forminator better each day.

    With best regards,

    TheRealShadowHunter

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @therealshadowhunter

    Thank you for reporting it.

    I was able to replicate the problem.

    A temporary solution is using a custom CSS to style the error:

    .forminator-response-message{
    background: #F9E4E8;
    color: #E04562;
    border-radius: 20px;
}

    You can use it on Form > Appearance > Custom CSS

    We will report to the plugin developers, and I hope we can improve this style.

    Best Regards
    Patrick Freitas

    Thread Starter therealshadowhunter

    (@therealshadowhunter)

    Hello Patrick,

    Thank you so much for your prompt feedback.

    Adding that CSS snippet indeed works and after some tweaking it looks now the same as the other error messages. Alas it targets all error messages, for example the message that a poll was already taken, such a red error appearance is not good.

    Is there any other selector that could be added to specifically target the reCPATCHA message in forms?

    Again, thank you very much and have a great day.

    TheRealShadowHunter

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @therealshadowhunter

    I hope you’re well today!

    I checked but I’m afraid there’s no specific selector that could be used to differentiate that from other responses.

    Kind regards,
    Adam

    Thread Starter therealshadowhunter

    (@therealshadowhunter)

    Hello Adam,

    Thank you for your prompt reply. Well, I was afraid that might be the case. Maybe I can add the class of that specific DIV… anyway thank you for confirming.

    With best regards,

    TheRealShadowHunter

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘reCAPTCHA error message not CSS styled’ is closed to new replies.