Color of input box text

Hello Bafranco.

You can use this code to make the text darker:

.yikes-easy-mc-form input[type="text"],
.yikes-easy-mc-form input[type="email"] {
    color: #000;
}

You have a few options to add CSS code:

• If you created this theme yourself, you can just add it to your style.css file
• If you’re using a theme you downloaded or bought you can make a child theme and add the code to your child theme’s style.css file
• Your theme may have a “Custom CSS” option. If it does, then you can just pop it in there.
• You can use a plugin like Simple Custom CSS or Jetpack and enter the code in their Custom CSS area

Thank you!
-Tracy

Hi-
Thank you for your response. I am using a theme that I’ve purchased. I tried inserting the CSS into my child theme’s style sheet and into the custom CSS option my theme provided, but it still isn’t working. Maybe it’s something that is controlled by my theme?

Thanks for your help!

Hello.

I took a peek at your Child theme’s CSS and there are extra characters in it:

.yikes-easy-mc-form input[type="text"],
.yikes-easy-mc-form input[type="email"] {
    color: #000;
}

Try removing those so it looks like

.yikes-easy-mc-form input[type="text"],
.yikes-easy-mc-form input[type="email"] {
    color: #000;
}

Thank you!
-Tracy

Awesome! Thank you it works!

Awesome!

So glad I could help.
-Tracy

Hello Tracy — I have the same problem as bafranco had I think so I was glad to find you had posted a solution. I tried to implement the solution without success. My site is https://www.primepassages.com — when text is being typed into the input form it is not visible so leads to people trying to subscribe giving up. I am not CSS savvy so I put the code you provided above into the “additional CSS” box under the “Appearance|Edit CSS” option on my dashboard menu. It shows up as being saved there. Any guidance you can provide most appreciated — thanks!

here is screenshot of where I attempted to add the recommended code

• This reply was modified 7 years, 11 months ago by primepassages.

Hi @primepassages,

You have your code wrapped in /* */ which “comments out” the code. It disables the code and that is why it is not taking effect.

Take this part:

.yikes-easy-mc-form input[type="text"],
.yikes-easy-mc-form input[type="email"] {
    color: #000;
}

And move it to the very bottom, below the */

Let me know if that works.

Thank you!
-Tracy

Thank you Tracy — sorry to be so ignorant about CSS code — that took care of it great!

No worries, we’re happy to help!

I’m glad I could get that sorted for you.

Thank you!
-Tracy