When we update the EventOn plugin, some of the styles we have set in the “Appearance” section do not show on the front end. We have also tried pasting the Auto generated Dynamic Styles into the theme styles (style.css). The styles that don’t show up properly (that we use and have set custom colors for in the “Appearance” section) are:
General – Virtual Tag
RSVP – Count Number Circles
RSVP – RSVP Form
RSVP – RSVP Form Fields
RSVP – RSVP Form Submit Button
To add–we have also tried the following:
Hello,
Please use these styles:
1. .eventon_events_list .eventon_list_event .evoet_cx span.evoet_tags span.vir, .evo_pop_body .evoet_cx span.evoet_tags span.vir, .evosv_grid .evosv_tag.vir { background-color: #5bdaf7; }
2. #evcal_list .evoet_cx .evors_eventtop_section_data .evors_eventtop_data em, .evoet_cx .evors_eventtop_section_data .evors_eventtop_data em { color: #fff; background-color: black; }
3. .evors_lightbox .evolb_content { background-color: green; }
4. #evorsvp_form .evo_elm_row input, #evorsvp_form .evo_elm_row select, #evorsvp_form .evo_elm_row textarea, #evorsvp_form .form_row input, #evorsvp_form .form_row select, #evorsvp_form .form_row textarea { background-color: red; color: white; }
5. #evorsvp_form #submit_rsvp_form { color: #2b4251; background-color: #ffffff; }
However, most of RSVP styles can be changed in EventON > Appearance > RSVP Styles. If you don’t see any change, EventON > Scripts & Styling > turn off Write dynamic styles to header > save settings > turn on Write dynamic styles to header.
Hi,
Thank you for the quick response! Can you clarify where we should be using the styles that you listed? Should we be adding them to our style.css as well?
The issue is that we have changed the RSVP styles and have enabled write dynamic styles to header, and we are not seeing the selected colors on the front end. We have also tried adding the styles to additional CSS and our theme style.css.
Please try adding them to wp-admin > Appearance > Customize > Additional CSS.
Hi,
Thank you–these are helping. A couple of issues still (and I apologize for not being clear in my original list):
Please allow us some time to figure all of this out. We have this guide that can help you to override CSS with your own code:
https://docs.myeventon.com/documentations/change-css-calendar/
There is also one thing that you can do after you changed EventON > Appearance. You need to go to EventON > Scripts & Styling > turn off Write dynamic styles to header > save settings > turn on Write dynamic styles to header.
Thank you for the help! We are not in a rush. We will try to figure out the CSS override. And yes, we have the Write dynamic styles to header turned on.