Table of Contents
The Eventful List widget shows one event per row, with the image beside the text.
List is part of Eventful Pro.
- Add Eventful List to the page and open Content > Template Styles.
Content > Template Styles with Content Position: Right Image. - Set Content Position to Left Image or Right Image. The image takes 40% of the row.
- Under Sortable Event Elements, drag the rows to change the order of the title, meta, content and other parts.
- Choose the Read More Type in Content Fields: a text link after the excerpt, or a button.
Image height and phones #
- Style > Image > Image Height: Auto keeps the image at its own height; Fill card stretches it to the full height of the card, so no empty space is left under it. Object Fit (Cover or Contain) sets how a filled image is cropped.
- Content > Template Styles > Stack on Mobile: puts the image above the text, full width, when the list is no wider than the Breakpoint. The breakpoint measures the list, not the screen, so a list in a narrow column stacks on any screen. 767 suits a full-width list on phones; use a lower value (for example 700) to keep tablets side by side. Image Aspect Ratio sets the image shape when stacked.
Start from a design #
Set Template Type to Pre-made Templates and pick Template One, Two or Three. See Pre-made Templates.
Long lists #
Turn on Pagination and choose a type, for example Load More Button (Ajax). See Pagination Types.
