Impact Banner documentation

0-1

Background Video and Video Popup

A full-width banner with a background video, headline text, and a button that opens a video popup for quick, engaging content.

1

Video Popup

A modal video player that opens on click, showing a video without leaving the page.

2

Background Video Banner with Text

A full-width banner with background video and overlaid text. The video popup button may be included or omitted based on preference.

3

Background Image and Video Popup

A full-width banner with a background image, headline text, and a button that opens a video popup for quick, engaging content.

4

Background Image Banner with Text

A full-width banner with a background image and overlaid text. The video popup button may be included or omitted based on preference.

5

Background Color and Video Popup

A full-width banner with a solid background color, headline text, and a button that opens a video popup for quick, engaging content.

6

Background Color Banner with Text

A full-width banner with a solid background color and overlaid text. The video popup button may be included or omitted based on preference.

7-1

Background Type

Choose the background type for the banner from video, image, or solid color. Customize the look by selecting the option that best fits your design needs.

8-1

Video Source

Select the video for the popup either by uploading a file or by providing a YouTube URL.

text-fields-1

Text Fields

Customize the banner by adding a heading and description text, selecting a background type (video, image, or color), and optionally enabling a video popup button. You can choose a video source from a local file or YouTube URL, set the button icon, and define the button text.

style_fields-2

Style Settings

Adjust the visual appearance of the banner by customizing text colors and spacing. Set individual colors for the heading and description, and define spacing (padding/margin) for desktop, tablet, and mobile views to ensure responsive design.