The events calendar can be added to a page using the shortcode widget.
There are a number of attributes that can be added defining the header elements, appearance, default view, and filters.
For more information on the Event Organiser shortcode refer to – http://docs.wp-event-organiser.com/shortcodes/
[ eo_fullcalendar headerLeft=’prev,next today’ headerCenter=’title’ headerRight=’month,agendaWeek’]
Loading…[ eo_fullcalendar headerLeft=’title’ headerRight=’prev,next today,month,agendaWeek’ defaultView=’listWeek’]
Loading…A list of events can also be shown using a shortcode. This also has a range of attributes available to control output and display and also supports a custom output via the content entered between the open and close tags of the shortcode i.e. [ eo_events ] <a href=”%event_url%”>%event_title%</a> on %start{jS M Y}{ g:i:a}%, at %event_venue% [/ eo_events ]
- as as;ala sasla on 2nd Nov 2024, at Venue B
- l;kl;k l;k llkbvv v bv on 18th Dec 2024, at Venue B
The calendar settings are set to inherit the theme’s styles however the default pallet for Elementor’s Hello theme may not match that desired in which case the styles can be overwritten. This css can be added to the “Appearance > Custom CSS” file or added to the Shortcode Widget’s Advanced > Custom CSS field. An example of some event class is below.
.fc-today { background-color: var(--e-global-color-2e8577e); color:#fff; }
.fc-widget-header {}
.fc-widget-header .fc-day-header { background-color: var(--e-global-color-2e8577e); color:#fff; }
.fc-toolbar .fc-center
.fc-toolbar .fc-button-group .fc-button.fc-state-default {}
.fc-toolbar .fc-button-group .fc-button.fc-state-active {}
.fc-toolbar .fc-button-group .fc-button.fc-state-hover { color: var(--e-global-color-accent)}
To enable automatic integrations will a 3rd party calendar that supports the iCal format – like Google, Microsoft, and Kamar the “Event Organiser iCal Sync” extension must be purchased. This plugin is already installed on each child site but requires setting to active and the license key being added to the calendar’s setting.
Once the plugin is activated navigate to “Settings > Event Organiser”. Under the “General” tab > Add-on License Keys” is should have the iCal Sync calendar license displayed. If this is not then a new license will need to be purchased from – https://wp-event-organiser.com/extensions/event-organiser-ical-sync/.
To set up a feed navigate to the import/export tab and enter the source url for the calendar and add the feed. An example of this is available on the dev platform. The feed settings can be updated and whether of not the calendar is sync’d automatically.