Awesome & convenient to use
We have created UDesign Event Element so you can easily display your events wherever you want on your pages or posts.
Style options galore
There are lots of styling and control options ready to make your events layout more attractive and intuitive. Enjoy it!
Display past events
If you want show past events, please enable this option.
Select events
You can show some special events as you want using this options.
Events layout
Choose events layout for your events from layout list.
Many types of events
The Event Element is super versatile to present your events on your site. Each instance has own its set of options for customization.
Default style
Facilisis aliquam porttitor mauris sit amet orci.
Brooklyn, New York
14 April 2021 @ 8:00 am - 17 April 2021 @ 5:00 pm
Donec nec justo eget felis facilisis fermentum.
Plaza, New York
16 July 2021 @ 8:00 am - 18 July 2021 @ 5:00 pm
Aliquam erat volutpat. Nam dui mi, tincidunt quis.
Parkville Hign, Baltimore Maryland
8 October 2021 @ 8:00 am - 10 October 2021 @ 5:00 pm
Change date skin & position
Aenean dignissim pellentesque felis nec porttitor turpis.
Parkville Hign, Baltimore Maryland
1 January 2022 @ 12:00 am - 6:30 am
Quisque volutpat mattiseros viva vel mauris ut vehicula.
Chicago, US
2 June 2022 @ 3:00 pm - 5:00 pm
Fusce pellentesque suscipit nibh dictum risus nec faucibus.
Brooklyn, New York
31 December 2022 @ 3:00 pm - 5:00 pm
List style
13 August 2021 @ 8:00 am - 5:00 pm
Sed adipiscing ornare risus.
Chicago, US
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut…
14 August 2021 @ 8:00 am - 5:00 pm
Fusce pellentesque suscipit.
Brooklyn, New York
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut…
Ticket & Thumbnail
7 April 2022 @ 8:00 am - 5:00 pm
Eiusmod tempor incididunt ut labore
Plaza, New York
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam…
Nam nec tellus a odio tinci auctor a ornare odio
22 July 2022 @ 8:00 am - 5:00 pm
Lorem ipsum dolor sit amet.
17 July 2022 @ 8:00 am - 5:00 pm
Glossary
Event element options
Customize Elements Globally or Individually
- Display Past Events: Enable to show past events.
- Select Events: Select events which you will show.
- Select Categories: Select categories of events which you will show.
- Event Count: Control count of event.
- Order: Choose way to show events.
- Events Layout: Choose layout of events.
- Image Size: Choose size of images.
- Prevent Box Shadow Clip: Prevent that box shadow effect is cropped.
- Columns: Control count of column.
- Columns Spacing: Choose spacing between columns.
- Vertical Align: Control vertical alignment of events.
- Event Type: Choose type of your event.
- Date Skin: Choose skin color of date.
- Date Position: Choose position of date.
- Overlay: Choose overlay effect of event.
- Alignment: Control horizontal alignment of event content.
- Shadow Effect: Toggle to decide whether shadow effect is shown or not.
- Border Radius: Control curve size of event in its corner.
- Title Options: Styling options for title.
- Meta Options: Styling options for meta information.
- Excerpt Options: Styling options for excerpt.
- Calendar Options: Styling options for calendar.
