Revealed image on scroll

Add it to any template with Add section, under Storytelling.

Settings

Image

Setting	What it does	Default
ImageImage		None
Mobile imageImage	Shown on phones. Leave blank to use the main image.	None
Banner linkLink	Makes the whole banner one link. Available only when there are no buttons. Shown when Button label is empty and Second button label is empty.	None

Reveal

Setting	What it does	Default
Scroll effectMenu	Pinning holds the banner on screen while it reveals, and takes up extra scrolling. Options: Pin the banner while it reveals, Reveal as it scrolls past.	Pin the banner while it reveals
Scroll lengthMenu	How much scrolling the pinned banner takes up. Options: Small, Medium, Large. Shown when Scroll effect is Pin the banner while it reveals.	Medium
Banner heightMenu	Options: Small, Medium, Large, Extra large, Full screen. Shown when Scroll effect is Reveal as it scrolls past.	Medium
Reveal shapeMenu	Options: Window, Letterbox, Curtain, Split, Circle.	Window
Start sizeSlider	How much of the image is hidden before the reveal begins. Narrow screens always keep part of the image visible. From 10% to 45%, in steps of 5%.	35%
ParallaxSlider	How far the image zooms and drifts as it is revealed. Set to 0 to turn it off. From 0% to 50%, in steps of 5%.	35%
Use the scroll reveal on mobileCheckbox	Turn off to show a plain banner on phones.	On

Content

Setting	What it does	Default
Content layoutMenu	Options: Over the image, Below the image.	Over the image
Text above headingText		None
HeadingText		Reveal text on scroll
Heading sizeMenu	Options: Small, Medium, Large, Extra large.	Large
SubheadingFormatted text		None
Button labelText		None
Button linkLink	Shown when Button label is set.	None
Button styleMenu	Options: Primary, Secondary, Outline. Shown when Button label is set.	Primary
Second button labelText		None
Second button linkLink	Shown when Second button label is set.	None
Second button styleMenu	Options: Primary, Secondary, Outline. Shown when Second button label is set.	Outline
Content positionMenu	Options: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right.	Middle center
Content position on mobileMenu	Options: Top, Middle, Bottom. Shown when Content layout is Over the image.	Middle
Text widthMenu	Options: Small, Medium, Large, Full.	Medium
Text color over the imageMenu	Copy on the section background always uses the section's own text color. Options: Light, Dark. Shown when Content layout is Over the image.	Light

Overlay

Setting	What it does	Default
Overlay styleMenu	Darkens the image behind the overlaid text for legibility. Options: None, Solid, Gradient.	Gradient
ColorColor	Leave blank to use black, or white when the text color scheme is dark. Shown when Overlay style is not None.	None
Overlay opacitySlider	From 0% to 100%, in steps of 5%. Shown when Overlay style is not None.	65%

Layout

Setting	What it does	Default
Corner radiusMenu	Options: None, Small, Medium, Large, Extra large. Shown when Width is Contained.	Large
Allow transparent headerCheckbox	Lets the header sit over this section when it's first on the page. Turn on Transparent over hero in the header to use it.	Off

Section style

Setting	What it does	Default
WidthMenu	Options: Contained, Full width.	Full width
ColorMenu	Options: Default, Muted, Primary, Accent, Custom.	Default
BackgroundColor	Shown when Color is Custom.	None
Background gradientGradient	Shown when Color is Custom.	None
Text colorColor	Leave blank to auto-pick black or white for contrast. Shown when Color is Custom.	None
Vertical spacingMenu	Options: Theme default, None, Small, Medium, Large. Shown when Allow transparent header is off or Width is not Full width.	None

Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.