Title: reCAPTCHA error message not CSS styled
Last modified: November 12, 2020

---

# reCAPTCHA error message not CSS styled

 *  Resolved [therealshadowhunter](https://wordpress.org/support/users/therealshadowhunter/)
 * (@therealshadowhunter)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/recaptcha-error-message-not-css-styled/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Frecaptcha-error-message-not-css-styled%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * (@wpmudevsupport12)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/recaptcha-error-message-not-css-styled/#post-13655405)
 * Hi [@therealshadowhunter](https://wordpress.org/support/users/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](https://wordpress.org/support/users/therealshadowhunter/)
 * (@therealshadowhunter)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/recaptcha-error-message-not-css-styled/#post-13666590)
 * 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
    -  This reply was modified 5 years, 6 months ago by [therealshadowhunter](https://wordpress.org/support/users/therealshadowhunter/).
 *  Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/)
 * (@wpmudev-support8)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/recaptcha-error-message-not-css-styled/#post-13667967)
 * Hi [@therealshadowhunter](https://wordpress.org/support/users/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](https://wordpress.org/support/users/therealshadowhunter/)
 * (@therealshadowhunter)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/recaptcha-error-message-not-css-styled/#post-13668008)
 * 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.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [recapatcha](https://wordpress.org/support/topic-tag/recapatcha/)

 * 4 replies
 * 3 participants
 * Last reply from: [therealshadowhunter](https://wordpress.org/support/users/therealshadowhunter/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/recaptcha-error-message-not-css-styled/#post-13668008)
 * Status: resolved