Teaser box

Teaser boxes allow to easily display information with an image, title, subtitle and teaser text and forward for more information. In addition to images, a wide variety of media types can be used. Videos can also be displayed and played in teaser boxes.

Same height for teaser boxes in the same row

Since release 6.1.0, Teaser boxes have had the option Automatic height. This option allows Teaser boxes in the same row to be displayed at the same height. To do this, select the option “Automatic height (in relation to parent element)” in the Appearance tab.

Multiple rows with template

Multi-column grid element with tiles.

Multi-column grid element with teaser boxes.

If you want to create several rows of teaser boxes, you can create some kind of template.

Do steps 1 and 2 and copy the grid element. Now you can paste the grid element as many times as you need (paste copy not paste reference). After that, continue with step 3. This way you can simplify the creation and you don't have to create every single teaser box manually.

Make sure that the included images have the same aspect ratio. If you use images with different aspect ratios, you can easily adjust them in the image editor.

Three teaser boxes with "Fill height"

Placeholder portrait man
Master Student

Person 2

Person 2 researches easyWeb standard and develops new concepts.

Placeholder portrait woman
Bachelor student

Person 3

Person 3 is responsible for the web presence as an assistant.

To top