Hero element

Placing the element

To add a hero element (text element with background), place an element of type Text and select the template ce_text_cthemes_simplebox_nature (up to Contao 4.13) or content_element/text/simplebox_nature (Contao 5 and later).

Changing colors

Under Advanced CSS classes you can select a class for the primary color if the hero element should be displayed in a different background color: .is-primary, .is-link, .is-info, .is-success, .is-warning and .is-danger. If no class is selected, it is displayed like the first element in the following screenshot.

Examples

You find examples in the demo.