# Hero slider cover

> A full-width hero slideshow with three bright edge-to-edge photographs and compact opaque panels, each carrying a headline, concise introduction and action. Needs the companion plugin, which comes with your access; without it, the three native Cover slides form a plain stack. Reduced motion keeps the manual horizontal row without smooth transitions. States no font of its own.

Canonical: https://patternpaste.com/pattern/hero-slider-cover.html
Section: Hero
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 6.7 to 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Also needs: Install the Pattern Paste plugin first, then paste. This section embeds one of its blocks: the plugin comes with your access, downloads from your account, and takes a minute. Paste without it and the section arrives as a plain stack of your headings, text and images, with none of the motion.
Blocks: button, buttons, cover, group, heading, paragraph, patternpaste/content-slider
Keywords: hero, slider, cover, destinations, featured stories

Promise: This variation embeds one of our blocks: install the companion plugin, then paste.

---

## The signature moment: A full-width photograph introduces each story with one clear headline and action

Each slide is a complete editorial hero rather than a cropped gallery card. The photograph stays bright and edge to edge while one compact, opaque text panel keeps the label, headline, introduction and action readable as a unit.

## Why this is not portfolio-slider-editorial or feature-slider-walkthrough

The portfolio pattern presents several projects as a visual index with compact captions. The walkthrough teaches one sequence through repeated media-and-copy stages. This pattern gives three independent stories the full hero frame, and every slide can open a different destination or project.

## What it inherits from your theme

It inherits the typeface and button treatment. The opaque panel uses the guaranteed base ground and contrast text chains; the Cover itself has no darkening veil, so the photograph remains visible without carrying text directly.

## What it decides for itself

It decides three full-width slides, no gap, a 42rem Cover frame, bottom-left content and a restrained 32rem text panel. Symmetric responsive gutters keep the panel balanced, while extra bottom space clears the overlaid mobile controls. The scrollbar is hidden because previous and next controls, keyboard navigation, touch and drag remain available. The headlines use a fluid display size outside the theme ladder because their scale establishes the hero composition.

## What needs the plugin

The plugin turns the three Cover Groups into a manual horizontal slideshow with arrow, keyboard, touch and drag navigation. Without the plugin, the three complete native Covers form a useful plain stack. With reduced motion, the manual horizontal row remains available but transitions no longer scroll smoothly. There is no autoplay and no content is hidden.

## What you change first

1. Replace all three Cover images and their alt text from the Media Library.
2. Rewrite each label, h3, introduction and button together inside its named Slide group, including replacing the example `/contact/` button URL with the destination for that story.
3. Keep the text concise enough to remain a hero at small widths; send the detailed story to the linked page.
4. Change the h3 level to suit the page hierarchy. AI tools can safely add, remove or reorder Slide groups because the editable structure uses native WordPress blocks.

## What is not proved

The destinations and actions are illustrative editorial copy.