Back
Event List Widget
The Event List Widget is a pre-built widget within the builder 2.0 that you can use to quickly display your events on any page. It lets you showcase specific events or all your events, and offers various settings to quickly set up a page with an event list.
This article will guide how you can use the event list widget and set different options available with it to display your events on a page.
To begin, create a new blank section. You can create one by clicking the ADD SECTION button.
Click the Widgets tab on the left sidebar. Now, drag and drop the Event List widget into the empty section.
[Note: You must add widgets to a blank section.]
Right-click on the widget to open the editing panel on the right side of your screen. From there, you can click the Title Settings & content to change the title color for both normal and hover versions according to your choice.
Moreover, you can choose the Tab Settings to show all tabs, upcoming, and past.
Furthermore, you can go more specific and filter the events, and only show the ones in specific categories. Simply select the Layout Settings and then choose event categories.
Card Settings & Style
The General tab will let you customize the event cards and how they appear on your website. You can change the background color of the cards.
You can also define the date and title color on the event card.
Decide whether to show or hide the price on the event cards. There’s also an option to show or hide the regular or discount price. After these, you’ll see options to set the colors for both the selling price and the strikethrough price.
In addition, you also have the option to show the View Details button on the event cards. Enabling the button will allow you to change the button background and text color.
You can make the card appear more beautiful by adding card paddings, sizing, border, corner radius, and box shadows.
From the Styles tab, you can set the padding around the widget so that there's a gap between top and bottom sections. As with all elements and widgets, you can style the borders from this tab in addition to other advanced customizations in Box shadow and Transform.
Add animation, custom CSS, Conditional rendering, and more to the widget from the Advanced tab.
To change the title, event type, and button text, go to the Content tab. You can change the text for all the different languages you’ve enabled on your site. Additionally, you can even change the No Events Found Content as well.
