Halloween Is an Event: up to 70% off every Pro plan

Time left: 00d00h00m00s Ends Oct 31, 23:59 GMT

Grab your treat
View Categories

6. Overriding Templates in Your Theme

Change Eventful’s HTML by copying a template file into your theme.

This is for developers. For most changes, the Content and Style tabs are enough and survive updates without extra work.

  1. Find the file in the plugin, in wp-content/plugins/eventful-pro-for-elementor/src/Frontend/templates/.
  2. Create the folder eventful-pro-for-elementor in your child theme.
  3. Copy the file into it, keeping the same sub-folders. For example, templates/item/title.php becomes your-child-theme/eventful-pro-for-elementor/item/title.php, and templates/theme/grid/theme-one.php becomes your-child-theme/eventful-pro-for-elementor/theme/grid/theme-one.php.
  4. Edit the copy. Eventful uses it instead of the plugin’s file.

The comment at the top of each template file shows the path to use in your theme.

Which files exist #

FileWhat it renders
grid.php, list.php, carousel.php, timeline.php, table.php, accordion.phpThe wrapper of each layout
item/thumbnail.php, item/title.php, item/event-fildes.php, item/content.php, item/read-more.php, item/social-share.phpThe parts of a Custom event card
theme/grid/, theme/list/, theme/minimal-list/ (theme-one.php, theme-two.php, theme-three.php)The pre-made templates
filter-bar.php, pagination.php, section-title.php, preloader.phpFilters, pagination, section title and preloader

Icons and stylesheets #

  • Eventful loads a small Font Awesome subset with the icons its widgets use. If your override prints other Font Awesome icons, load the full set with the eventful_pro_for_elementor_fontawesome_full filter (free version: eventful_for_elementor_fontawesome_full), for example add_filter( 'eventful_pro_for_elementor_fontawesome_full', '__return_true' );.
  • Styles are split: eventful.main.css for every widget, eventful.premade.css only for widgets set to Pre-made Templates, and eventful.<widget>.css for widgets with their own layout styles. Style your overrides in your theme, not in these files.

Keep overrides up to date #

Use a child theme, so theme updates do not remove your files. After a plugin update, compare your copies with the new plugin files (the changelog mentions template changes) and copy across any fixes.

See the pre-made templates demo →