Loading...
Events2018-08-28T00:33:28+00:00

The Events Calendar Element

The Events Calendar is by far the most popular calendar plugin around. Avada offers full design integration and support for it. We’ve also created a Fusion Builder Events Element so you can easily display your events anywhere you’d like on pages or posts.

Check Out The Event Calendar Element In Action!

Loaded With Customization Options

There are various customization options through Fusion Builder and Avada’s Network of Options that allow you to customize the Events Calendar element.

Categories

Allows you to select categories to include. Leave blank to include all categories.

Display Past Events

This option allows you to show or hide the past events from calendar.

Number of Events

This option allows you easy control of how many events you’d like to display.

Maximum Columns

Allows you to select the maximum number of columns to display.

Column Spacing

Controls the column spacing for events items. Setting to -1 will keep the default 4% column spacing.

Picture Size

Choose between cover which will scale the image to cover the container, or auto which will adjust the container’s width and height to fit the image.

Content Padding

Controls the padding for the event contents.

Text Display

Choose how to display the post excerpt. Choose between Default, No Text, Excerpt, or Full Content.

Pagination Type

Controls the type of pagination. Choose between No Pagination, Pagination, Infinite Scrolling, or Load More Load More Button.

Complete Set of Options

Every option and description included with the Event Element is listed below.

  • cat_slug – The slug name of the events category you’d like to display. Use a comma for multiple categories.

  • past_events – Choose from yes or no. Set to yes if you want the past events to be displayed.

  • number_posts – Accepts a numerical value. For example, 7. Sets the number of events to display.

  • columns – Choose from 1 – 6. Sets the number of columns per row.

  • column_spacing – Accepts a numerical value. For example, 3. Controls the column spacing for events items. Setting to -1 will keep the default 4% column spacing.

  • picture_size – Choose from cover, or auto. Choose cover to resize the image to cover the container, or choose auto to use the image’s original resolution.

  • padding_top – Accepts a pixel value. For example, 5px. Sets the top padding for the event contents.

  • padding_right – Accepts a pixel value. For example, 5px. Sets the right padding for the event contents.

  • padding_bottom – Accepts a pixel value. For example, 5px. Sets the bottom padding for the event contents.

  • padding_left – Accepts a pixel value. For example, 5px. Sets the left padding for the event contents.

  • content_length – Choose between default, no_text, excerpt, or full_content. Sets how to display the post excerpt.

  • excerpt_length – Accepts a numerical value. For example, 30. Sets the number of words/characters you want to show in the excerpt.

  • strip_html – Choose from default, yes, or no. Allows you to strip HTML from the post excerpt.

  • pagination – Choose between no, pagination, infinite, or load_more_button. Sets the type of pagination.

  • hide_on_mobile – Choose from small-visibility, medium-visibility or large-visibility. You can select more than one setting. This will show the element on the selected visibility options, and will hide them on the deselected ones.

  • class – Add a custom class to the wrapping HTML element for further css customization. Learn more here.

  • id – Add a custom id to the wrapping HTML element for further css customization. Learn more here.

Full Design Integration For The Events Calendar

Avada has added design integration for the most popular event plugin on the planet, The Events Calendar by Modern Tribe. The Events Calendar is an amazing plugin that allows you to easily create and manage events directly on your site. Now, your events will look even better with our custom design integration and easy to use styling options.

When you install Avada, you can also install the FREE version of The Events Calendar. In addition, Modern Tribe has a PRO version that offers additional features views, widgets and more! Avada includes integration for both the FREE and PRO versions.

Please note, we receive a small commission of the sale if you decide to buy the PRO version  from the links on this page. The items on the Church demo that showcase the PRO version are the Week, Map and Photo views as well as the “Related Events” on the single event page. Everything else can be done with the included FREE version.

View The Design integration

Sliding Bar Section For Widgets

This is the sliding section that can be enabled or disabled on any demo. You can insert anywhere from 1-6 columns along with any widget that comes with Avada, WordPress or additional 3rd party plugins. It's perfect for placing additional information on your site.

Recent Works

Contact Info

12345 North Street, New York City, NY 555555

Phone: 1-800-555-5555

Mobile: 1-234-567-8910

Fax: 1-234-879-5641

Web: http://yourwebsite.com