Hero Slider

This is the Act21 Hero Slider custom module:

Act2 Template Builder Hero Slider Custom Module

Act2 Hero Slider Sample

Module Options

Slides

Edit, add, remove or reorder slides:

Act2 Page Editor Hero Slider Modules

Each slide has these options:

Image

Act21 Hero Slider Slide Image

Text

Act21 Hero Slider Slide Text

Overlay color and opacity

Act21 Hero Slider Slide Overlay Color and Opacity

Minimum height

This specifies how tall your Hero Slider should be.

If you choose Natural, no minimum height is specified, so the height of your Hero Slider is determined by its slides.

Act2 Hero Slider Minimum Height Natural

Full Viewport will make your Hero Slider at least as tall as the viewport (browser window). It will exceed that height if your content is taller. This option is useful on pages with Header Overlap, when the Hero Slider is the first content section.

Act2 Hero Slider Minimum Height Full VH

Full Viewport Minus Header will make your Hero Slider at least as tall as the viewport (browser window), minus the header height. It will exceed this minimum height if your content is taller. This option is useful on pages with normal header (not Header Overlap), when the Hero Slider is the first content section.

Act2 Hero Slider Minimum Height Full VH Minus Header

Slider adjustments

Adjust the slider functionality the way you want using the options:

White content

Check this box if you want the content inside your Hero Slider to be white.

Scroll next

Adds an arrow at the bottom of your Hero Slider that, when clicked, will scroll your page to the next Content Section. If it doesn't exist, the arrow will not appear.

Custom Class

Use this box if you want to add a custom class to your Hero Slider module.

For more sliders visit this page.

Using Act2 with the old Design Manager? Read this documentation.