Support

Home Forums Event Espresso Premium Text inputs on form CSS error

Text inputs on form CSS error

Posted: October 30, 2018 at 1:33 pm


rbschool

October 30, 2018 at 1:33 pm

If you try to register for the PTC conference here:

http://www.rbschool.org/eventcal/2018-11-ptc-jean/

It works fine till you “Proceed to checkout” then the input lines on the next page are white on white and i can’t find the CSS to correct them.

i tried adding: input[type=”text”] { color: #000000; }

and it does nothing. Help please.


Tony

  • Support Staff

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?


rbschool

October 31, 2018 at 9:48 am

you wouldn’t happen to know where i can edit that so plugin updates won’t blast it?


Tony

  • Support Staff

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.


rbschool

November 2, 2018 at 11:40 am

I finally got it to work. I had to edit the woocommerce.css directly. Nothing else would take.

Thanks for your help.


Tony

  • Support Staff

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.

The support post ‘Text inputs on form CSS error’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Tony 2 weeks, 3 days ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!
[i]
[i]