Edit color of prefilled text

Including your other request:

Hi, I would like to edit the size and color of the Submit button. Can you please let me know how I can do that?

Hi @kytango,

I took a look and your theme has its own form styles that are being applied to the form.

You should be able to override them using these classes:

.yikes-easy-mc-form button.yikes-easy-mc-submit-button {
	your styles here
}

.yikes-easy-mc-form input[type="email"] {
	your styles here
}

Let me know if you need help with the styles.

You have a few options to add CSS code:

• If you’re using WordPress 4.7 or higher, you can go to Appearance > Customize > Additional CSS and place the code there.
• 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 Tracy — you are awesome. I do need some help with the styles. Can you kindly help?

Hi @kytango,

Sure I’m happy to help.

Let me know how you would like the button to look and what color you want the text.

Thank you,
-Tracy

Thanks!

1) Upon mouse-hover, I would like the Submit button to be this color:
– rgb(239, 97, 105); #ef6169

2) I would like to remove the Edit Form in lower left of the Button area.

3) I would like the prefill “Your email address” to be grey color:
– rgb(166, 166, 166)

4) Upon type, I would like the prefill to be black color
– rgb(0, 0, 0)

5) Lastly, can you please help decrease vertical gap between the Submit Button and the “Your email address” box?

Many, many thanks.

Hi @kytango,

2. The Edit for is only visible to you when you are logged into the admin. Site visitors will not see this link.

3 & 4. Since you are using pre-filled text and not placeholder text, you can’t put 2 different colors on that text.

The rest of your requests should be handled by this CSS code.

.yikes-easy-mc-form button.yikes-easy-mc-submit-button {
	margin-top: 0;
}

.yikes-easy-mc-form button.yikes-easy-mc-submit-button:hover {
	background-color: #ef6169;
}

.yikes-mailchimp-container .yikes-easy-mc-form label {
	margin-bottom: 0;
}

Tracy — you’re awesome.

Thank you!

Have a good day!
-Tracy