Slider

Application #

Use the slider when you want to present content with consecutive images, headings, and texts. Each slide consists of an image, a heading, and body text. You can create as many slides as you like via the edit window. In addition, you can set whether the slider becomes a process or not.

Add slider #

Drag the slider element into a module.

Slider hinzufügen

Slider Settings #

Check out the hotspots to see what customization options you have for the slider element.

1
Style
Decide whether your slider has a Classic, Float, or Glass style.
2
Alignment
Decide whether your slider should be aligned to the left, center, or right.
3
Text
Select whether your slider has little or a lot of text. This influences whether your image is displayed larger or smaller.
4
process
Turn on the toggle if you want your slider to become a process slider with the steps displayed at the bottom.

Slides #

1
Slides
Click on a slide to edit its content, adjust the order of the slides, or delete slides using the trash can icon. You can create additional slides at any time by clicking „Add slide“ below the last slide.

Slide settings #

1
Text
Add a kicker or a heading to your slide. Both are optional.
2
running text
Add running text to your slide. You can add it either directly in the element or—as shown here—in the edit box. Afterward, you can format the text using the rich text editor.
3
Media
Determine whether the slide should be displayed with an image or a video, and then select the appropriate media from the media library.
4
Audio
Turn on the toggle if your slide has an additional audio track. When you turn it on, just like with the audio element, you have the option to use an audio track from the media library or the text-to-speech function.
5
Button
Turn on the toggle if your slide should get a button. You can add a label and a link to the button or edit it as an overlay.

Slider Style #

Click through the slider to see the different styles in the form of a process.

Classic #

Float #

Glass #

Alignments #

Click through the slider to see the different orientations. We have depicted all of them in the classic style. The orientation options are, of course, the same for the float and glass styles.

Links #

Mitte #

Right #

Text #

Click through the slider to see how the text size affects the slider.

Little text #

A lot of text #