FAQ

Frequently Asked Questions is an important component to briefly and concisely answer open questions from interested parties in advance.

Headline & Text

Enter an optional headline and/or text. The following formatting options are available:

Highlights: Bold and italic

Text alignment: Left-aligned, centered (default), right-aligned.

Colors: You can assign any color to the entire text or individual words. The colors are defined in the "Design" tab. First, highlight the text, then click the circle icon with the color to color the text.

Links: Links can also be set in the text, which open either in the same window (default) or in a new window.

Add Question

You can add any number of questions.

To do so, click on the plus icon.

Configure Question

Enter a question and the answer in the corresponding fields.

The following formatting options are available for the text:

  • Highlights: Bold and italic

  • Bullets 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 open either in the same window (default) or in a new window.

Color Settings

In the Questions tab below the list of questions, a switch for custom colors can be activated. Here you can set the colors for all elements and states of the FAQ tiles:

  • Text color in closed accordion
    Affects the color of the question in the closed accordion

  • Background color of the closed accordion
    Affects the tile background in the closed state

  • Text color in open accordion
    Affects the color of the question and the answer in the expanded accordion

  • Background color of the open accordion
    Affects the tile background in the expanded state

Set Background

In this tab, you can choose either a background color (default) or a background image.

If you choose a background image, you can upload your own image or use one of the predefined images.

Background Image: Image Effects

You have the option to enable additional effects for the background image:

Gradient
A diagonal gradient to give the background image a visual boost. It is best to use two company colors here. You can adjust the transparency of the gradient with a slider.

Darker overlay
To ensure that the headline and text are readable, it is often necessary to dampen the brightness of the image somewhat. You can also adjust the color temperature of the overlay (cold ↔ warm) and its transparency.