change colors of form

Viewing 6 replies - 1 through 6 (of 6 total)
  • chrisyikesinc

    (@chrisyikesinc)

    3 years, 8 months ago

    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 3 years, 8 months ago by chrisyikesinc.
    Thread Starter acdc20

    (@acdc20)

    3 years, 8 months ago

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

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    3 years, 7 months ago

    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

    Thread Starter acdc20

    (@acdc20)

    3 years, 7 months ago

    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 3 years, 7 months ago by acdc20.
    • This reply was modified 3 years, 7 months ago by acdc20.
    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    3 years, 7 months ago

    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

    Thread Starter acdc20

    (@acdc20)

    3 years, 7 months ago

    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?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘change colors of form’ is closed to new replies.