Hello, I hope somebody can give me some advice. Can anybody tell me how I can edit the color of the error message of a form. Now hardly it can be detinguished from the general text. Can I do this by editing the CSS of the form only? Thanks so much. Best regards, Petra
Thanks so much for your response. All the commands work except the color. I don´t know if I have some superior stylesheet which limits this. The code I have included in the CSS sheet. Thank you a lot and best regards, Petra
When we embed a form into another website, the default HubSpot color for errors is a red-ish color, #f2545b.
This color on a white/light background is not conforming to the WCAG color-contrast guidelines.
Our customers' and our own view, and hopefully your view, is that it's in HubSpot's interest to conform to WCAG guidelines for the most likely background color.
It's the following global CSS that sets the color (as mentioned previously in this thread).
.hs-error-msgs label {
color: #f2545b;
}
We are not interested in using HTML forms for embedding, just normal HubSpot forms from the form builder.
I also have this problem but maybe in a different situation. I use the HubSpot forms not with the HS CMS but with WordPress. My forms sit on a dark orange WordPress theme and no one can see the error messages because they are red. I am on Marketing Hub Starter and my understanding is that changing the stylesheet works only from Professional+
The theme is, of course, complicated and I have no idea how to change the style of the theme. I need a solution for styling the form itself so error message text is black.
I'm having this issue as well and none of the above solutions work. I really want to avoid custom coding a form because the rest of my team cannot code.
Thanks so much for your response. All the commands work except the color. I don´t know if I have some superior stylesheet which limits this. The code I have included in the CSS sheet. Thank you a lot and best regards, Petra