In one display of my calendar, I want to restyle the date display to give less prominence. I have found in Eventop Designer how to move the date block and place it inside the text block showing Title, Location, Time, etc., but it still appears in a ‘block’ type display. Using the Inspection editor I found that the style I’m trying to modify is “evoet_dayblock evcal_cblock” but no matter what I change in the editor, I cannot affect the display of the date and month. I’m simply trying to have the date and month appear inline with the start time, or even just appear in its own line, but not in the two line block display that it does now.
I’m also trying to style this element for *this calendar display only* which is why I can’t simply not display that element in the EventTop Designer as that would remove the date from all instances of the calendar
Hello,
Please add this CSS code to EventON > 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). You can also add this code to wp-admin > Appearance > Customize > Additional CSS.
.eventon_events_list .eventon_list_event .evoet_dayblock, .eventon_events_list .eventon_list_event .evoet_cx .evoet_dayblock span, .evo_pop_body .evoet_dayblock { flex-wrap: nowrap; flex-direction:row; }