Hero Slider

Usage

Hero Slider keeps your headline, subheadline, and button in place while background images slide or fade behind them. Add images under Background Images in the sidebar, then set text position, overlay, and timing.

In the editor, the images slide or fade as they do on the site, with the same arrows and dots, but without autoplay. Click + after the dots to add more images (with Show slide navigation on; otherwise use Edit Images). Remove this image (trash can) in the toolbar takes the image on screen out of the slider; it stays in your media library, and Undo brings it back. Edit Images in the toolbar reorders them.

When to use it

Use it when one message fits several photos: seasonal campaigns, multiple locations, or a product family. Use the standard Hero block when one background image is enough.

Tips

• Check that the overlay keeps text readable on every image, not just the first.
• Text Position sets where the text sits over the images.
• Keep to a few images. Visitors rarely wait for a long slideshow.
• Visitors can swipe or use the arrows and dots; dragging with a mouse doesn't move the images. On screens narrower than 1200px the arrows are hidden (the headline would cover them), so visitors use the dots or swipe. Autoplay doesn't run for visitors who've turned on reduced motion in their device settings. Visitors can stop it with a small pause button at the bottom right, which appears when they hover over the block or reach it with the keyboard (on phones and tablets it's always shown).