Support

October 30, 2018 at 3:05 pm

Hi there,

It’s from your theme’s CSS for woocommerce – http://take.ms/VEdCp

It’s specifically targeting all inputs types and setting the color to white, as EE applies minimal styles so that it follows with the sites theme it also effects those fields.

The custom CSS you included above appears to be working for me and sets the text colour to black, is it not working for you?

October 31, 2018 at 10:00 am

Edit the theme’s CSS? You can use a child theme:

https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/

However, you don’t actually need to do that with CSS, you can just add some additional CSS to override the theme’s.

input[type=”text”] { 
   color: #000000!important; 
}

Add that in Dashboard -> Appearance -> Customize -> Additional CSS and it will override all other styles for the input type ‘text’ colour (because its using !important). Or you be more specific with your CSS selectors (high specificity ‘wins’) like:

#ee-single-page-checkout-dv input[type=”text”] { 
   color: #000000; 
}

Applies specifically to the single page checkout form fields and should override the woocommerce styles.

November 2, 2018 at 12:03 pm

If you are editing the files directly within the theme, I highly recommend creating a child theme so you can continue to update the ‘parent’ without losing your customizations.