Halloween Is an Event: up to 70% off every Pro plan

Time left: 00d00h00m00s Ends Oct 31, 23:59 GMT

Grab your treat
View Categories

2. Layout and Display Options

Table of Contents

Display Options set the section title, the columns and how images load.

Eventful Display Options in Elementor: columns per device, margins and same height
Content > Display Options.
SettingWhat it does
Section TitleShows a heading above the events. Set its text and HTML tag (H1 to H6, div or p).
Columns1 to 4 columns. Use the device icon to set desktop, tablet and mobile separately.
Columns margin / Rows marginThe space between cards across and down.
Same Height (Pro)Makes every card in a row as tall as the tallest.
ImageShows or hides the event image.
Image ResolutionA registered image size, or Custom with a width and height for an even crop.
Load 2x Resolution Image in Retina DisplaySharper images on high-density screens.
Replace With (Pro)Video or audio instead of the image, when there is no featured image or always.
Zoom Effect / Image Mode (Pro)Zoom on hover; grayscale modes.
Lazy Load (Pro)Loads images as they scroll into view.
PreloaderShows a loading animation until the widget is ready.

Not every widget uses every option. For example, Minimal List always shows one event per row, and Carousel sets its columns in its own Carousel section.

See the Grid demo →