WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp for WordPress
[resolved] Change field and radio font colors. (6 posts)

  1. andrespcuervo
    Member
    Posted 5 months ago #

    How do I change the field and radio font colors? I customized my mailchimp for wordpress pro contact form and was able to change the size, color of the field areas and labels but cannot figure out how to change the text color within the fields from its default grey color. It's hardly readable when typing in info into each field. Same problem with the drop-down/radio option font color.

    Is there CSS I can add to the advanced section of the custom form styling tab or would it be overwritten when the plugin was updated later?

    Thanks!

    https://wordpress.org/plugins/mailchimp-for-wp/

  2. andrespcuervo
    Member
    Posted 5 months ago #

  3. Danny van Kooten
    Member
    Plugin Author

    Posted 5 months ago #

    Hi there,

    You can add the following CSS to the Advanced part in the Manual CSS textarea to change the color of the input field text.

    .mc4wp-form input,
    .mc4wp-form select,
    .mc4wp-form textarea {
    	color: blue;
    }

    There is no option to change the font color inside the fields yet, might add this soon though!

    Hope that helps!

  4. andrespcuervo
    Member
    Posted 5 months ago #

    Yeah, thanks! Very helpful.

    I have one more question. My phone field is white by default while the other fields are black. Can I change this field so its black or is that some default standard for phone number fields? The reason being, I'd like to change the field font colors to white instead of your suggested blue but of course the white phone field renders the white field text invisible.

  5. Danny van Kooten
    Member
    Plugin Author

    Posted 5 months ago #

    Hi there,

    You can explicitly set the background of phone fields to black by using the following CSS.

    .mc4wp input[type="tel"] { background: black; }

    Or, you can edit the previous CSS I sent to have all fields be the same.

    .mc4wp-form input,
    .mc4wp-form select,
    .mc4wp-form textarea {
    	color: white;
    	background: black;
    }

    Hope that helps!

  6. andrespcuervo
    Member
    Posted 5 months ago #

    Thanks Danny!

Reply

You must log in to post.

About this Plugin

About this Topic