Events Element

Showcase Any Event Professionally

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!

Customize To Suit Your Needs

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.

Full Design integration For Avada & The Events Calendar Plugin

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 Online Demo

Mobile Visibility Settings

Our mobile visibility system gives you full control over what displays based on 3 customizable screen sizes. Every Fusion Builder Element has these settings and they allow you to show or hide elements on various screen sizes. In addition, you can choose what those screen sizes are! This gives you maximum control to set the exact point when an element should show or hide. Resize the page to see the elements appear or disappear based on what we set.

Only Display on Desktop

Mobile Visibility Setting

Only Display on Tablet

Mobile Visibility Setting

Only Display on Mobile

Mobile Visibility Setting

Display Everywhere

Mobile Visibility Setting

Advanced Options Network

Theme Options are global, Page Options are individual. This setup gives you amazing creative flexibility that becomes indespensible when you start creating your site. Having the option to freely choose how individual pages are styled is an incredible freedom.

#1 Selling Theme Of All Time

525,000+

Individuals & Businesses Trust Avada

BUY AVADA NOW!

Documentation & Videos

We have a wide range of support material to suit your learning style. Our documentation is extensive and growing. There are almost 500 documents, where you can search and read about almost any aspect of Avada. Prefer to watch? We have a growing library of HD video tutorials covering the basics and much, much more. Like to engage? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.

Documentation

Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging

Customize Elements Globally Or Individually

Elements can be controlled globally inside of the Fusion Theme Options, or individually per Element by changing the options for each once added to a page or post. Individual Element options will always override the global theme options. This flexibility gives you the ultimate freedom to style Elements and content that is unique and will stand out from the rest of the site.

Element Options

  • Categories – Set the Event Categories to display.
  • Display Past Events – Choose whether to display past events.
  • Number of Events – Set the number of events.
  • Maximum Columns – Set the maximum columns.
  • Column Spacing – Set the column spacing.
  • Picture Size – Choose the picture size, select from Cover or Auto.
  • Content Padding – Set the content padding. Options are Top, Right, Bottom, Left
  • Text Display – Choose what text to display with the Event. Choose from Default, No Text, Excerpt, Full Content.
  • Pagination Type – Set the pagination type. Choose No Pagination, Pagination, Infinite Scrolling, Load More Button.
  • Element Visibility – Choose to show or hide the element on small, medium or large screens.

  • CSS Class – Add a class to the wrapping HTML element.

  • CSS ID – Add an ID to the wrapping HTML element.