Change required error message text color – form maker

[krtyler05]

Hi There!

I’m trying to learn more about CSS selectors, but what I’m doing just isn’t working.

I’m using the Form Maker plugin by Web Dorado and would like to change the color of the required error messages that happen when a user doesn’t fill out a required input section of the form. See below:

As you can see in the photo, there’s also a semi-transparent red that flashes in the background of the form. I’d like to get rid of that if it’s possible (maybe make it fully transparent?).

However, my main concern is the text color for the required fields error messages.

My URL is https://crosshatchstudio.com/connect/

Thank you so much for your time!

[thai]

Hi @krtyler05,

Please try adding the following CSS under X > Theme Options > CSS:

/* remove background color */
.wdform_row {
    background: none !important;
}

/* change label error color */
label.wdform-label.error_label {
    color: #561c1c !important;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps.

[krtyler05]

Hi Thai!

It totally helps! There’s still one little hitch – the error areas underneath the input boxes (the part that says, “Field is required”) are still red.

[friech]

Hi Katie,

Please add this to Theme Options > CSS too.

/*field is required notice*/
.fm-not-filled {
	color: #561c1c !important;
}

Hope it helps,
Cheers!

[krtyler05]

That worked perfectly. Thank you so much guys!

[lely]

You’re always welcome!

Cheers!