Image with text overlay

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

Settings

Media

Setting	What it does	Default
Media typeMenu	Options: Image, Video.	Image
ImageImage	3200 x 1600px recommended. Shown when Media type is Image.	None
Mobile imageImage	Shown on phones. Leave blank to use the main image. Shown when Media type is Image.	None
VideoVideo	Plays muted and looped, and starts only once the section scrolls into view. Shoppers can pause it. Shown when Media type is Video.	None
Poster imageImage	Shown before the video plays. Hosted videos fall back to their own thumbnail. Shown when Media type is Video.	None
Autoplay onMenu	Desktop only keeps the poster image on phones to save mobile data. Shoppers can still press play. Options: All devices, Desktop only. Shown when Media type is Video.	Desktop only
Image motionMenu	Moves the media as the shopper scrolls. Ignored when Animation style is none. Options: None, Zoom, Parallax. Shown when Media type is Image.	None

Layout

Setting	What it does	Default
Content layoutMenu	Options: Text over image, Card over image.	Text over image
Content positionMenu	Options: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right.	Bottom left
AlignmentMenu	Auto follows the content position. Options: Auto, Left, Center, Right.	Auto
Text widthMenu	Options: Small, Medium, Large, Full.	Large
Section heightMenu	Adapt uses the image's own proportions. Long text always grows the section rather than overflowing it. Options: Adapt to image, Small, Medium, Large, Extra large, Full screen.	Medium
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
Heading animationMenu	Plays once as the section scrolls into view. Options: None, Fade up, Rise by line.	Rise by line

Mobile

Setting	What it does	Default
Content on mobileMenu	Below the image keeps long text readable on a phone. It uses the section colors instead of the text color scheme. Options: Over the image, Below the image.	Over the image
Section height on mobileMenu	Options: Same as desktop, Small, Medium, Large, Full screen. Shown when Content on mobile is Over the image and Section height is not Adapt to image.	Same as desktop
Content position on mobileMenu	Options: Top, Middle, Bottom. Shown when Content on mobile is Over the image.	Middle
AlignmentMenu	Options: Left, Center, Right.	Center

Overlay

Setting	What it does	Default
Overlay styleMenu	Options: None, Solid, Gradient.	Gradient
Gradient sideMenu	Auto starts the gradient behind the text. Options: Auto, Top, Bottom, Left, Right. Shown when Overlay style is Gradient.	Auto
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%
Text color schemeMenu	Applies when content sits over the image. Options: Automatic, Light, Dark.	Light

Link

Setting	What it does	Default
Section linkLink	Makes the whole section one link. Ignored when a button block has a label.	None
Open in new tabCheckbox	Shown when Section link is set.	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

Blocks

The section holds up to 6 blocks.

Text above heading

Setting	What it does	Default
TextText		New collection
Text styleMenu	Options: Text, Badge.	Text
IconMenu	Options: None, Sparkle, Star, Paw, Flag, Tag, Gift, Percent, Truck, Leaf, Award.	None

Heading

Setting	What it does	Default
HeadingText		Headline
SizeMenu	Options: Small, Medium, Large, Extra large.	Large
Font styleMenu	Options: Display, Sans.	Display

Text

Setting	What it does	Default
TextFormatted text		Describe this collection or your brand in a sentence or two.

Button

Setting	What it does	Default
Button labelText		Shop now
LinkLink		None
Open in new tabCheckbox		Off
Button styleMenu	Options: Primary, Secondary, Outline.	Primary
SizeMenu	Options: Small, Medium, Large, Extra large.	Large

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