Font Input Color

Hi photomill,

Check the id or class of the input field by right clicking it in Chrome/Firefox. It should tell you where the white font color originates from, so you can change it inside a custom CSS stylesheet. If you post the link to the page this is happening on, I’d be happy to give you what CSS rule needs changing!

Hi iMazed,

Thanks for the response. I got it to work in Safari and Chrome but Firefox is being stubborn. I’m sure my “fix” is more of a “hack” as I’m not very good at this. Either way, the site I’m working on is at makerscommon.net. Any help would be appreciated.

Cheers,
Eric

Actually, my edits stopped working in Safari as well. Seems to only function in Chrome. Any advice would be really helpful.

Cheers,
Eric

Hi photomill,

If you are adding custom CSS, make sure to add !important so you overwrite parent settings, like so:

.mc4wp-form input[type="text"] { color: #555 !important; }

That should force a different color in any major browser.

I’m using that in places where I want to override any other CSS but FF just isn’t recognizing it at all. I’m not sure if it’s because I’m using the CSS editor in a child theme (maybe i need to add it directly to the actual CSS of the form?) or there’s some other conflict happening but I’m not getting anywhere.

Any other suggestions?

I actually got my overrides to work by using the Custom CSS plugin as opposed to using the CSS Editor field that is build into my child theme. I think that the order in which it pulls the CSS may be strange. Anyway, I’ve got this figured out….for now.

Thanks!
Eric