change colors of form

Hello @acdc20

Thank you for post up your question.

You can right click on the successful message, and inspect to see what class and color are being used.

The success message class is .yikes-easy-mc-success-message. You can play around with the color and background-color . Like this:

.yikes-easy-mc-success-message {
    background-color: green;
    color: black;
}

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

I hope this help!

Sincerely,
Chris Vo

• This reply was modified 4 years, 3 months ago by chrisyikesinc.

How do I set it up to follow the theme standard class?

Hi @acdc20

Your theme wouldn’t have our unique classes (i.e. .yikes-easy-mc-success-message) listed in its style sheet. You need to see if your theme has styles for any kind of messaging and apply them to our success message class.

Thank you.
-Tracy

Are these the text-boxes I need to change to get the right colors on all messages from the plugin?

.yikes-easy-mc-success-message  {  	
	background-color:white !important;
	opacity: 0.75;
	color:black !important;
}
.yikes-easy-mc-error-message {   
	background-color:white !important;
	opacity: 0.75;
	color:black !important;
}

Also, there seems to be a “on hover” color on the error message. Can I remove it by adding more css code?

• This reply was modified 4 years, 3 months ago by acdc20.
• This reply was modified 4 years, 3 months ago by acdc20.

Hi @acdc20

Here are the styles:

	.yikes-easy-mc-error-message {
		color: rgba(216, 48, 57, 0.87);
		background: #FFBABA;
		padding: 12px;
		position: relative;
	}

	.yikes-easy-mc-success-message {
		color: #4F8A10;
		background: #DFF2BF;
		padding: 12px;
		position: relative;
	}

Thank you.
-Tracy

On hover (Error-message) this text turns white: “To update your Mailchimp profile, please click to send yourself an update link”

Is it from your plugin? Can I remove that?