Custom Design

If you’d like to completely customize the output you can create a folder called tecshortcode in your theme directory, and in it create a file called custom.php

Then add your shortcode with “custom” as the design name (which matches custom.php):

[ecs-list-events design="custom"]

You can rename custom.php to another name and even create multiple design templates to use elsewhere on your site. Note that you should place this folder within a child theme so any updates to your main theme do not override your templates.

Customizing the Default Design

Want to customize the default design? You can copy

the-events-calendar-shortcode-pro/templates/default_tpl.php

to

wp-content/themes/your-theme/tecshortcode/default.php

then edit the default.php file as needed.

Note that you need to keep it named default.php in order to have the default options and styling come though. The template version is also slightly different than the non-template version, but has the majority of the features and functionality for you to customize.

Customizing the Compact Design

Want to customize the compact design? You can copy

the-events-calendar-shortcode-pro/templates/compact_tpl.php

to

wp-content/themes/your-theme/tecshortcode/compact.php

then edit the compact.php file as needed.

Note that you need to keep it named compact.php in order to have the default options and styling come though. The template version is also slightly different than the non-template version, but has the majority of the features and functionality for you to customize.

Customizing the Grouped Design

If you want to customize the grouped design, you can copy

the-events-calendar-shortcode-pro/templates/grouped.php

to

wp-content/themes/your-theme/tecshortcode/grouped.php

then edit the grouped.php file as needed.

Note that you need to keep it named grouped.php in order to have the default options and styling come though.

Customizing the Columns/Horizontal/Photos Design Design

Want to customize the columns design? You can copy

the-events-calendar-shortcode-pro/templates/columns.php

to

wp-content/themes/your-theme/tecshortcode/columns.php

then edit the columns.php file as needed.

Note that you need to keep the file in your theme named columns.php in order to have the default options and styling come though.

Still have questions? View the detailed documentation or ask us!