Header image

Placing the article

Place the header image in a separate article in the header. In the article settings, select Artikel mit voller Bildschirmbreite (article with full screen width) under Expert settings in CSS style selection.

Placing the element

To place a header image, use the element type Image and select the template ce_image_headerimage (up to Contao 4.13) or content_element/image/header_image_nature (Contao 5 and later) under Template settings.

CSS styles

Under CSS style selection you can optionally choose a darker image, white text and a larger header image.

Examples

You find examples in the demo: header image dark, header image light, large header image dark, large header image light.

Dark / normal header image:

Dark / large header image:

Light / normal header image:

Light / large header image: