Highlight banner element

Use the Highlight Banner content element to highlight important information or campaigns.

A banner consists of a background image across the full content width, a text field, and optionally a logo and/or button.

Insert highlight banner

Open the page you want to edit in the TYPO3 backend. Click on Create new content at the desired location.

Select the category Special elements in the left column.
The content element Highlight banner will now appear in the right column, which you can select.

General tab: Enter the desired text and content for the element.
1. Logo (optional): Click Add Image to insert a logo into the text field.
2. Header: Enter a short, meaningful header. It helps visitors grasp the content more quickly. In the Type field, you can also set the header hierarchy (e.g., H2, H3). Select Hidden to display the header only in the backend. This helps you locate the content element in the backend. Website visitors will not see a hidden header.

Text: Add a short informational text to explain the content of the banner.
Color scheme: Customize the text field:
- Light: light background with dark text
- Dark: dark background with white text
Link text: By default, the button displays the text More information. For digital accessibility and search engine optimization (SEO), it is recommended that you enter a short, concise text in the Link text field that describes the content of the link.
Link: Enter the URL of an internal or external target page.
Images: Click on Add image and select a suitable image from the file list as the background image.

Do not use the highlight banner as a page header. The header of a page is defined exclusively in the page properties.

Appearance tab: Here you can specify how the content element is displayed.
Alternative background: Activate the slider to give the content element a light gray background.
Show links in menus: If you set up a table of contents on the page, the header of the content element will appear in it as a link.
Add link to top of page: Inserts a “Back to top” link at the end of the element.

Access tab: Here you can control the visibility of the content element on the website.
Visibility: Activate the slider to show or hide the content element on the website.
Publication date: Specify when the content element should be published automatically. This is helpful if you want the publication to take place while you are away.
Expiration date: Enter a date after which the content element will no longer be displayed.
Access rights for user groups: Determine whether the content element is only visible to registered users.