|
John Baltz
|
November 18, 2015 at 10:17 pm
I am working on a website for the local photographic society. Among our normal events are multi day events the start on a Friday evening and run through the weekend. I need to turn off the times so that I can explain in the discription that the event runs Friday 6:00 pm through Saturday 8:00 pm. As it is right now it is confusing because the event either looks like it only Friday and Saturday from 6 pm to 8 pm or Friday and Saturday 8am to 8 pm. I have looked through the past posts and the only option I could find was to add a CSS statement with each events ID. This is not a very logical option as a group of people will be managing the web content and none should be messing with the CSS in the background. Am I missing something? Any solutions? Using the latest version 4 of EE.
|
|
Lorenzo Orlando Caum
|
November 19, 2015 at 6:33 am
Hi John,
Event Espresso requires a datetime to be set per event.
If you add a category to an event, then that body class is added. So you could setup the initial CSS to handle it and then your team members could simply add a tag through the event editor.
Here is an example where the event category is called “Multiple”:
.espresso_events.espresso_event_categories-multiple div.event-datetimes { display: none; }
If the event category was called Multiple Days, then this would be the CSS:
.espresso_events.espresso_event_categories-multiple-days div.event-datetimes { display: none; }
—
Lorenzo
|
|
John Baltz
|
November 20, 2015 at 11:15 am
Thank you Lorenzo, that should work. Can you point me in the direction on where to find the CSS file created when you create a category?
|
|
Lorenzo Orlando Caum
|
November 20, 2015 at 11:24 am
Hi John, a separate file isn’t created. However a body class is added to those events in the page source.
This means that you can target an event that has a body class for a specific event category. The format looks like this:
.espresso_event_categories-nameofcategory
So if you had an event category called Multiple Days, then the complete CSS would be this:
.espresso_events.espresso_event_categories-multiple div.event-datetimes { display: none; }
The above combines the CSS class .espresso_events which is on all events along with the event category CSS class .espresso_event_categories- and adds the CSS class for the datetimes.
The actual CSS can be added through a plugin like Reaktiv CSS Builder or Simple Custom CSS. An alternative location would be your theme’s stylesheet if your theme has a custom css option built-in.
Editing core files for Event Espresso isn’t recommended as those changes will be lost when you update.
—
Lorenzo
|
|
John Baltz
|
November 20, 2015 at 12:41 pm
Thank you again Lorenzo, that solution solved my issues with the time displaying on the list page and event page. One last question. Is there a similar CSS solution so that the time doesn’t display on the calendar. The event is showing across multiple days like I want, but to keep from confusing people since it meets at different time each day I have simply put the start and finish time as 12:00 am. That helps with the confusion since it makes no since, but still 12:00 am – 12:00 am shows on the calendar for the event.
|
|
Lorenzo Orlando Caum
|
November 20, 2015 at 12:58 pm
Hi John, you can turn off times on the events calendar through Event Espresso –> Calendar –> Basic Settings –> Show Event Time in Calendar. It looks like this:
http://cl.ly/image/0E2B3s0N3l0b
Note that this applies to all events and it cannot be applied to specific events.
—
Lorenzo
|
|
John Baltz
|
November 20, 2015 at 2:01 pm
Yes, but I want to keep the times for the daily events, just not on the few events that span multiple days and will cause confusion.
|
|
Lorenzo Orlando Caum
|
November 20, 2015 at 3:41 pm
Hi John,
If you turn the option off then it applies to all events.
Unfortunately, there is not a way to currently target those multi day events as they do not have have a CSS class for event categories.
Thanks
—
Lorenzo
|
|
John Baltz
|
November 20, 2015 at 4:07 pm
OH well, hopefully future development will include an option per event for displaying time or not.
Thanks again for your help.
|
