Hero Sections

A hero section is the opening banner of a page: a heading, supporting text, buttons, and optionally an image, video, background or a row of logos.

When to use it

• The top of a home page, landing page or service page.
• A call-to-action band between other sections (the Banner layout mode).
• A “Trusted by” row of client or partner logos under the opening message.

For a list of services or benefits, use a Features section. For numbers, use a Stats section.

Content

The Content tab holds the text, buttons and logos.

Field	What it is	Notes
Eyebrow Heading	Short line above the heading	Optional.
Heading	The main headline	Required. Wrap words in {curly braces} to highlight them.
Body Content	Supporting text under the heading	Rich text: bold, links, lists, headings.
Buttons	Call-to-action buttons	Each has Text, Link to (URL or Modal), Style (Primary, Secondary, Ghost) and Target (Same Window or New Window).
Outro Content	Text after the buttons	Optional, for example “No card required”.
Strip Images / Marquee Images	Images for the two animated layout modes	Shown only in Vertical Strips or Horizontal Marquee. Each image has Alt Text; the marquee adds Card Aspect Ratio (Portrait or Landscape).
Show Logo Section	Turns the logo row on (Show) or off (Hidden)	Reveals the logo controls below.

Each logo has Logo Image (required), Logo Title (a label in the editor, and the alt text when Alt Text (Accessibility) is empty), Alt Text (Accessibility), Link URL, and Link Target, which appears once a link is set.

The logo row has three settings of its own, also on the Content tab:

Setting	Values	What it does
Logo Filter	Default, Light, Dark	Light shows every logo in white (for dark heroes), Dark in black. Default keeps the original colours.
Logo Display Style	Grid, Marquee	A static row, or a strip that scrolls continuously and pauses on hover and keyboard focus.
Logo Size	Small, Medium, Large	Larger sizes suit logos with small text.

Layouts and display styles

Choose the structure with Layout Mode on the Layout tab.

Layout Mode	What it looks like
Standard	Content beside or above the media. The default, and the only mode with boxed layout and full-height options.
Banner	The content sits inside a card with its own surface colour. Suited to a call-to-action between sections.
Vertical Strips	Two columns of scrolling images flank the content. Collapses to a single scrolling row on phones.
Horizontal Marquee	A scrolling row of images below the content.
Split Screen	Content on one half, an image or video filling the other half.

Layout Variant places the content: Left, Center or Right. In Split Screen only Left and Right are offered. In the other modes, Left puts the content on the left and the media on the right.

Options

These are on the Layout tab. The Advanced tab adds a Custom ID (for anchor links), Custom Classes and Custom CSS for this section.

Section theme

Option	What it does	Default
Heading Size	Default, L or XL for this section’s heading.	Default
Theme Variant	Light or Dark. Text colours adjust for contrast. See Theme Variants.	Light
Section Palette	Replaces the site colours for this section with a saved palette.	Global colours
Scroll Animation	Enabled fades elements in as they scroll into view.	Disabled

Background

Split Screen, Vertical Strips and Horizontal Marquee offer a background colour only.

Option	What it does
Background Type	Solid Color, Image or Video.
Background Color	Theme Default or Custom Color, with Custom Background Color to pick it. Text recolours for contrast.
Background Image	Choose from the media library or generate one. Then set Size (Cover, Contain, Auto), Behavior (Scroll or Fixed) and Repeat (None, Tile, X, Y).
Mobile Layout	For an image background: Default keeps it behind the text on phones; Stacked puts the text above and the image below, with Image Fit and Focal Point to control the crop.
Overlay	For an image or video background: Enabled adds a tinted layer, with Overlay Intensity (0–100%) and Overlay Color, to keep text readable.
Banner Background	Banner mode only: Theme Default (the surface colour) or Custom Color for the card.

Layout structure

Option	What it does	Default
Container Style	Full Width runs edge to edge; Boxed sits in a rounded card with a gutter around it. Standard mode only.	Full Width
Section Height	Auto fits the content; Full fills the screen below the site header. Standard mode only.	Auto
Frame Background	For a boxed hero, the gutter colour: Inherit (the page background) or Custom Color with Frame Color.	Inherit

Section media

Not shown in Vertical Strips.

Option	What it does
Media Type	None, Image, Video or Shortcode. Split Screen offers Image and Video only, and needs one of them.
Aspect Ratio	For an image: Auto, 16:9, 4:3, 1:1, 3:2 or 4:5.
Video	A YouTube/Vimeo link or a file from the Media Library, with an optional Video Poster Image. Split Screen takes Media Library videos only, with Video Position to set the crop.
Video Captions	A captions file for a self-hosted video. YouTube and Vimeo carry their own.
Shortcode Content	Any shortcode, such as a Promptless Forms form.
Image Styling	Styled adds rounded corners and a shadow; Clean removes them for transparent PNGs.

Remix

Select the remix icon at the top of the settings panel (tooltip Remix layout - Try a random variant combination) to try a different combination of layout mode, layout variant and related options. Your content stays as it is. Undo with Ctrl+Z (Cmd+Z on a Mac).

Limits and common problems

• Container Style and Section Height are missing. They apply only in Standard mode. Remix also resets them when it picks another mode.
• The logo marquee does not scroll. Split Screen and Horizontal Marquee always show logos as a grid. Your choice is kept and returns when you switch to another mode.
• The logo marquee repeats the same few logos. It cycles a small set to fill the strip. Five or more logos read better.
• Placeholder boxes in a strip or marquee. No images have been added. Six images are recommended for Horizontal Marquee and twelve for Vertical Strips; fewer are repeated to fill the loop.
• A split-screen video will not accept a YouTube link. Split Screen plays only videos from the Media Library.
• The heading is H2, not H1. Only the first section on the page uses H1. Move the hero to the top.
• In a boxed hero, the logos sit outside the card. The logo row renders below the card, on the frame background.

Related pages

• Features Sections — Cards, rows or a carousel for services, benefits, events or price lists — the six display styles, the card fields and every layout option.
• Theme Variants — Switch any section between Light and Dark, override its background, and how Promptless WP keeps text, links and icons readable on it.
• Colors & Branding — Set the site's brand colours from a preset or your own palette, keep a shortlist of favourites, and give single sections their own palette.
• Working with Sections — Add, edit, reorder, duplicate, copy, convert, remix and delete the sections that make up a page, and the keyboard shortcuts for each.
• Modals (Popups) — Build a popup once and open it from any button, or automatically after a delay, on scroll or on exit intent, with limits on how often a visitor sees it.