Text or Accordions + Media
Both components are easy to understand – they combine text or accordions with a media type, such as an image. However, there are numerous options to customize these components to your needs.
Media Formats
Both components offer three formats for media presentation:
Portrait (optimal for portrait pictures)
Square (all-rounder, optimal for icons and illustrations)
Landscape (optimal for videos)
You can also adjust the format afterwards without losing your media.
Text and Media: Reverse Order
This places the text on the left side and the image/video on the right side.
By alternating this option on or off and placing multiple such components under each other, you can create a more dynamic layout.
And if you also alternate the background color… Voilà!
Text and Media: Text
Provide a headline and add text.
The following formatting options are available for the text:
Emphasis: Bold and italic
Bulleted and numbered lists
Colors: You can assign any color to the entire text or individual words.
Links: Links can also be set in the text, which can open either in the same (default) or in a new window.
Text and Media: Button
You have the following options for setting the button function:
Link
Email
Auto-scroll to job offers
Scroll to component
Scroll to any component by clicking the buttonApply for a job
Open an active job posting directly by clicking the button
Of course, you can also customize the button color.
Text and Media: Media Type & Options
Choose a media format
Select a media type
Image or gallery
If you add multiple images, a gallery is automatically created. You can display the gallery images in a loop or automatically switch them (autoplay).Video in MP4 format (no cookie consent required)
YouTube/Vimeo video via link (cookie consent required)
Location map
Text and Media: Image Effects
You have the option to activate additional effects for each media type (except the location map):
Gradient
A diagonal gradient to give the background image a visual impulse. It is best to use two company 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 the headline and text are easily readable, it is usually necessary to dim the brightness of the image slightly. 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.
Text and Media: Background
You can adjust the background color for the entire component.
Please note that this may also require adjusting the headline color, text color, and button color.
Accordions and Media: Reverse Order
This places the text on the left side and the image/video on the right side.
By alternating this option on or off and placing multiple such components under each other, you can create a more dynamic layout.
And if you also alternate the background color… Voilà!
Accordions and Media: Assign Headline and Add Accordions
Provide the selected accordion element with a headline, which you can set to bold or italic.
Accordions and Media: Accordion Content
Add a headline and text to the accordion.
The following formatting options are available for the text:
Emphasis: Bold and italic
Bulleted and numbered lists
Colors: You can assign any color to the entire text or individual words.
Links: Links can also be set in the text, which can open either in the same (default) or in a new window.
Accordions and Media: Accordion Button
Each accordion element can be expanded with a button. You have the following options for setting the button function:
Link
Email
Auto-scroll to job offers
Scroll to component
Scroll to any component by clicking the buttonApply for a job
Open an active job posting directly by clicking the button
Of course, you can also customize the button color.
Accordions and Media: Custom Colors
The accordion elements are by default white, the text is black, and the button has the highlight color.
You can adjust these values to your preferences. This may also be necessary if you change the background color of the component.
You can reset these settings to the default values at any time by unchecking the box. The settings you have already made will not be lost.
Accordions and Media: Media Type & Options
Choose a media format
Select a media type
Image or gallery
If you add multiple images, a gallery is automatically created. You can display the gallery images in a loop or automatically switch them (autoplay).Video in MP4 format (no cookie consent required)
YouTube/Vimeo video via link (cookie consent required)
Location map
Accordions and Media: Image Effects
You have the option to activate additional effects for each media type (except the location map):
Gradient
A diagonal gradient to give the background image a visual impulse. It is best to use two company 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 the headline and text are easily readable, it is usually necessary to dim the brightness of the image slightly. 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.
Accordions and Media: Background
You can adjust the background color for the entire component.
Please note that this may also require adjusting the headline color and the accordion color accordingly.