Alert Message Font Colour Option

Hey there, @aravind1418 ??

You can set the color of error messages appearing below inputs in Style step → General section by adjusting Error color picker.

Hope this helps! ??

Hey,

I wasn’t talking about the error message. I was talking about the alert message! Users get an alert message when they have successfully submitted the form.

Got it, @aravind1418!

As it turns out, that one is not yet configurable in Style step. It’s super-easy to change the color using CSS though! Would you mind pasting the following to Additional CSS in Customizer? Replacing #000 with HEX code of the desired color should patch it up for you.

.happyforms-message-notices h2 {
  color: #000;
}

Hope this helps! ??

Hello,

Thanks for the help. But I am using “Elementor” for building the website, and it seems that they allow us to add custom CSS scripts only if you are using the “Elementor Pro” version. Since I am using the free version of Elementor, I am unable to add custom CSS. Is there any other workaround? Or could you please fix this issue in the next update of HappyForms?

Thanks again.

Got it, @aravind1418.

You can still use that section for adding custom CSS code with free version of Elementor. Just head over to Appearance → Customize → Additional CSS screen in your WordPress dashboard and paste the above code there. That will do the trick.

Let us know how you go! ??

Hello,

I am using 2 types of HappyForms on my website. Both are named “Contact US”. The first one has a white background. So the alert message should be black. ANd it is perfect now. But the second form has a video background. And the alert message should be white. Well, if I add the CSS script you gave me in the previous response, which form will be affected by that? the first one or the second one? I only need the change to happen on the second form. Hoping for a reply.
Thanks a lot!

Oh okay, @aravind1418!

In that case, you can modify that code a bit and only apply this change to a specific form. Like this:

#happyforms-200 .happyforms-message-notices h2 {
  color: #fff;
}

Where 200 is your actual form ID (number) which you can find on HappyForms → All Forms screen in a Shortcode column. Or you can just send us the link to your form and we’ll send you a modified snippet back.

Hope this helps! ??

Hey,

That worked! Thanks a lot. You rock!