Multifunctional and Large Teasers
Multifunctional and large teasers are both components that present short information attractively. These could be career news, events, or other topics that can be presented with a striking image and a short text.
With a range of options, you can customize the teasers to your needs.
The options are identical for both components.
Headline & Text
Enter an optional headline and/or text. The following formatting options are available:
Emphasis: Bold and italic
Please note that when using custom fonts, the corresponding font styles (bold and italic) must be uploaded for these styles to be effective in the text.
Text alignment: Left-aligned, centred (default), right-aligned.
Please note that for readability reasons, the text alignment on mobile devices is always centred.
Colors: You can assign any color to the entire text or individual words. The colors are defined in the “Design” tab. First, select the text and then click on the circle with the color to color the text.
Links: Links can also be set in the text, which can open either in the same (default) or in a new window.
Add Teaser
You can add any number of teasers.
To do so, click on the plus symbol.
Please remember that if you display more than 6 teasers, it is advisable to activate the option “Show entries in slider on mobile” in the “Layout” tab. The teasers will then no longer be arranged under each other on a mobile device but displayed in a carousel, making the display more compact.
Teaser Content
You can add the following content to each teaser:
Label “New” (if they are, e.g., news teasers)
Tagline (e.g., a category)
Headline
Text
Teaser Image
Upload your own image or use one of the predefined images.
Teaser Button
You have the following options for setting the button function:
Link
Email
Auto-scroll to job listings
Scroll to component
Scroll to any component with a click on the buttonApply for a job
Open an active job advertisement directly with a click on the button
Of course, you can also adjust the color of the button.
Background Color
In this tab, you have the option to choose either a background color (default) or a background image.
We recommend using a background color to make the teaser images stand out more.
Background Image
If you choose a background image, you can upload your own image or use one of the predefined images.
Please use a calm or abstract image that harmonizes with the individual teaser images.
Background Image: Image Effects
You have the option to activate additional effects for the background image:
Gradient
A diagonal gradient to give the background image a visual boost. It is best to use two corporate colors here. You can adjust the transparency of the gradient with a slider.
Here you can create a new gradient that matches your corporate design.
Dark Overlay
To ensure that the headline and text are legible, it is usually necessary to tone down the brightness of the image. You can also adjust the color temperature of the overlay (cold ↔ warm) and its transparency.
It is recommended to use white color for the headline and text to optimize readability.