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.

Events Image

Style Options Galore

There are lots of styling and control options ready to make your events layout more attractive and intuitive. Enjoy it!

Event Image

Display Past Events

If you want show past events, please enable this option.

Event Image

Select Events

You can show some special events as you want using this options.

Event Image

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

Event Image
17 Apr

Facilisis aliquam porttitor mauris sit amet orci.

Brooklyn, New York
14 April 2021 @ 8:00 am - 17 April 2021 @ 5:00 pm
Event Image
18 Jul

Donec nec justo eget felis facilisis fermentum.

Plaza, New York
16 July 2021 @ 8:00 am - 18 July 2021 @ 5:00 pm
Event Image
10 Oct

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

Event Image
01 Jan

Aenean dignissim pellentesque felis nec porttitor turpis.

Parkville Hign, Baltimore Maryland
January 1 @ 12:00 am - 6:30 am
Event Image
02 Jun

Quisque volutpat mattiseros viva vel mauris ut vehicula.

Chicago, US
June 2 @ 3:00 pm - 5:00 pm
Event Image
31 Dec

Fusce pellentesque suscipit nibh dictum risus nec faucibus.

Brooklyn, New York
December 31 @ 3:00 pm - 5:00 pm

List Style

13 Aug
Event Image
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 Aug
Event Image
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

Event Image
07 Apr
April 7 @ 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…

Event Image
22 Jul
Event Image
17 Jul

Lorem ipsum dolor sit amet.

July 17 @ 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.