I have found some elements within events_manager.css
I can edit some things to add the desired color – like :
/* Location form */
#em-location-data table.em-location-data td, #em-location-data table.em-location-data th { vertical-align:top; border:none; color:#333; }
However other things on the submission form do not have their own element.
The easiest thing for me to do, would be to prohibit the themes
.entry-content code from applying to anything on the submission form page, and creating an override.
How can I do that?
I am not part of support… just some dude.
It’s probably not a great idea to edit the core files as upon updates they may change.
It is good to put in a child theme or use an CSS Editor for a situation like yours.
Not to insult your intelligence… but if you don’t know how use the “Inspector” for example as in Firefox… it’s time to do so. There are comparable “Inspectors” for Chrome and IE.
Not knowing exactly what you want to change I’ll give some quick examples..
If you are trying to change the Submission Form that is the one using the short code
[event_form]
At the top of the from is “Event Name”…
.event-form-name {
color: blue;
}
.event-form-when {
color: green;
}
.em-event-text {
color: red !important;
}
.event-form-where {
color: yellow!important;
}
Notice the use of !important
some time it is necessary to overide the existing CSS.
Hopefully these hints will get you going in the right direction.
All these CSS can be discovered using the “Inspector” in your favorite browser and “tested” before actually implementing them.
really helpful – thank you
