Change field and radio font colors.

  • Resolved andrespcuervo

    (@andrespcuervo)


    10 years, 2 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/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter andrespcuervo

    (@andrespcuervo)

    10 years, 2 months ago

    http://www.sitesthatrock.com/get-started/

    Plugin Author Danny van Kooten

    (@dvankooten)

    10 years, 2 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!

    Thread Starter andrespcuervo

    (@andrespcuervo)

    10 years, 2 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.

    Plugin Author Danny van Kooten

    (@dvankooten)

    10 years, 2 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!

    Thread Starter andrespcuervo

    (@andrespcuervo)

    10 years, 2 months ago

    Thanks Danny!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change field and radio font colors.’ is closed to new replies.